关于window.onclick事件的问题

最新推荐文章于 2025-06-04 21:15:06 发布

tywangh

最新推荐文章于 2025-06-04 21:15:06 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_20565303/article/details/79242031

前端专栏收录该内容

18 篇文章

订阅专栏

本文探讨了JavaScript中window.onclick事件监听的问题，当多次为window添加click事件监听时，后面的监听会覆盖前面的监听。文章提供了代码示例并解释了解决方案：通过单一监听事件内使用条件判断来区分不同的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
</body>
<script>
	window.onclick = function(event) {
		alert(1);
	}
	window.onclick = function(event) {
		alert(2);
	}
</script>

这个在浏览器中执行，只是打印了2，说明这个监听事件，只监听了第二个方法，所以这个方法，在页面中只能使用一个，然后将其他的方法使用if分支加以区分，其中event获取的是点击事件的所处的标签。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tywangh

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript学习笔记（十五）Event事件（上）_js onclick event(1)

2401_84254087的博客

04-28

991

console.log(e.X轴坐标点信息)console.log(e.Y轴坐标点信息)相对于浏览器窗口你点击的坐标点。相对于页面你点击的坐标点。点击按键信息（了解）

input按钮onclick大全

anyx的专栏

09-04

1万+

INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2> INPUT onclick=docum

参与评论您还未登录，请先登录后发表或查看评论

【Windows开发】Windows 事件跟踪 (ETW)

最新发布

阿東啊、

06-04

1370

Windows 事件跟踪（ETW）是一项内置功能，最初旨在提供详细的用户和内核日志记录。如今 ETW 被开发者、安全研究者、EDR 厂商广泛使用，常见的免杀工具都实现了ETW绕过模块，例如 Havoc 具有ETW patch功能、Ladon实现了etw unhook、Github能搜到诸多相关代码。本文整理ETW的基本概念，基于 TraceLoggingAPI 实现，给出了ETW绕多的简单实现并完成了相关实验。

window.onload匿名函数中element.onclick正确用法

weixin_45190226的博客

11-25

767

先看下面有问题的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多个window.onload方法解决方案</title> <style type="text/css"> /*为div元素设置CSS样式*/ #div1{border-width: 3px;border-s

windows 的鼠标事件(Event)

weixin_30302609的博客

12-16

295

OnClick 当单击元素上的鼠标左按钮时(弹起后) OnDblClick 当鼠标双击元素时发生 OnMouseDown 用任何一个鼠标按钮单击对象时(弹起前) OnMouseUp 当鼠标按下任何按键再释放后发生 OnMouseOver 将鼠标指针移入对象时(指向)发生 onmousemove 当在元素上移动鼠标时发生 OnMouseOut 当鼠标离开元素时发生 OnLoa...

document.onclick vs window.onclick

weixin_30299539的博客

09-28

324

The JavaScript Window object is the highest level JavaScript object which corresponds to the web browser window. 最外层的JavaScript对象其对应于web浏览器窗口 The document object is the container for all HTML HEAD a...

window.addEventListener来解决让一个js事件执行多个函数

10-27

当需要一个事件触发时执行多个函数，单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题，特别是在需要同时处理多个事件处理器时。这时，`window.attachEvent`和`window.addEventListener`就...

window.open关于浏览器拦截问题分析及解决方法

12-10

总的来说，解决`window.open()`被浏览器拦截的问题，关键在于确保用户与页面的交互是触发新窗口打开的原因。开发者应尽量遵循良好的用户体验原则，避免不必要的弹窗，同时根据实际需求选择合适的解决方案。在实际...

js事件源window.event.srcElement兼容性写法(详解)

10-21

在IE浏览器中，可以直接通过window.event.srcElement获取到事件源，这个属性返回一个元素对象，通过它可以获取到事件发生时所作用的那个DOM元素。例如，当页面中的某个元素被点击时，可以在绑定的事件处理函数中通过...

html和js通过window.print()实现调用浏览器打印带背景图片和生成二维码的文件功能

10-23

<button onclick="window.print()">打印 ``` 这样，当用户点击按钮时，浏览器会弹出打印对话框，显示带有背景图片和二维码的页面内容。在`printDemo`压缩包中，你应该能找到一个完整的示例项目，包括HTML、CSS和...

window.print打印指定div实例代码

09-04

`window.print()` 是JavaScript中的一个方法，它用于打开浏览器的打印对话框，从而让用户选择打印当前网页。但是，这个方法默认会打印整个页面，包括用户可能不希望打印的导航、侧边栏或者其他元素。在这种情况下，...

onclick 事件

u013281994的博客

04-14

461

onclick 事件 onclick 事件会在对象被点击时发生。请注意， onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。 ①onclick="javascript:window.location.href='URL'" 　　②onclick="location='URL'" 　　③onclick="window.l...

Javascript----HTML DOM 事件

iteye_6125的博客

06-18

572

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！ [b]注：DOM：指明使用的 DOM 属性级别。[/b] [b]1.鼠标事件[/b] 属性描述 DOM [u]onclick ...

【JS】原生JS事件绑定onclick和addEventListener

热门推荐

mooonyuan的博客

04-11

3万+

onclick绑定方式优点： - 简洁 - 处理事件的this关键字指向当前元素缺点： - 不能对事件捕获或事件冒泡进行控制，只能使用事件冒泡，无法切换成事件捕获 - 一次只能对一个元素绑定一个事件处理程序，当使用window.onload属性时，会覆盖采用相同方法所绑定的事件代码 this与event查一不大推荐使用event...

关于event 和 window.event问题及浏览器兼容问题

张志勇的博客

09-17

2141

&amp;lt; html&amp;gt; &amp;lt; script language=“javascript”&amp;gt; function test(event) { event = event...

在selenium中window.open()和click()点击链接的区别

lykio_881210的博客

01-12

1万+

在selenium中点击一个链接，打开一个新的页面常用的有两种方法：click和window.open()。分为两种情况： 1.链接没有target="_blank"属性；网页示例代码：打开窗口首页001 当使用click点击“首页001”时的效果就是，在浏览器的当前tab直接打开“

onClick也可以写为onclick, 但最好不要这么搞

认知行动坚持

03-01

9575

看代码： test 最然代码OK, 但这是很bad的风格，还是用onClick吧。至于onclick为什么可以，是因为html是不区分大小写的，要是在js中，那注定是区分的。

windows系统上的onmousemove和click事件总结（2017年10月14日）

dongxingyan1的博客

10-15

1685

今天在开发过程中遇到了一个神奇的问题，产品提了一个需求要求在鼠标移动过程中实现侧边工具的显示和鼠标点击过程中实现工具栏的显示和隐藏，也在一段时间内鼠标没有任何操作的时候隐藏工具栏。因为我用的开发框架是angular,所以我用angular封装了一个指令，来实现上述的需求：代码如下： angular.module('pexapp').directive('

window.onclick

05-19

`window.onclick` 是一个 JavaScript 事件，当用户在浏览器窗口中点击鼠标时触发。它通常用于定义一个点击事件的处理函数，例如： ```javascript window.onclick = function(event) { console.log('User clicked ...