冷囧囧
2019-05-08 14:21点击html网页的任何空白处触发事件(但是有个bug,点击文本框元素和点击document事件会重叠/重合)
点击html网页的任何空白处触发事件(但是有个bug,点击文本框元素和点击document事件会重叠/重合)
怎么解决事件重叠/重合的问题?我自己想了2种办法,好像都不太好
直接po截图和代码
源代码如下:
<html>
<head>
<title>点击网页的任何地方都会弹出网站正在维护升级中</title>
<meta name="keywords" content="onload事件" />
<meta name="description" content="onload用法" />
<script type="text/javascript">
document.onclick = function() {
alert("网站正在维护升级中.....");
}
</script>
</head>
<body>
<h1>点击网页的任何地方都会弹出网站正在维护升级中</h1>
<pre>
点击网页的任何地方都会弹出网站正在维护升级中这句话,但是有个bug,点击文本框元
素和点击document事件会重叠/重合,以后有时间再处理这个bug吧,大家也可
以自己先动脑筋想一想怎么解决这个bug
办法1:
取消网页中所有元素的onclick事件,可以写一个递
归,循环遍历网页中的所有的元素,代
码是document.getElementById("元素id").onclick = function(){};
办法2:判断一下事件的来源,触发是来自于网页中的元素还是来自于网页的空白处
</pre>
籍贯:<input type="text" value="江西省赣州市于都县" onclick="alert(this.value);"/>
</body>
</html>
- 点赞
- 回答
- 收藏
- 复制链接分享
5条回答
为你推荐
- Django for循环创建div div内按钮点击事件只有第一个div可以触发
- django
- python
- 1个回答
- js 中 onclick()点击事件 怎么做到 pc端 和 移动端 的兼容问题?
- html5
- javascript
- jquery
- 2个回答
- js中的onclick事件点击一次后失效
- html5
- javascript
- css3
- css
- 1个回答
- a标签里面的点击事件 点击以后 不让a标签执行(阻止冒泡)
- html5
- javascript
- jquery
- 3个回答
- javaweb ajax+div实现左边菜单右边内容时点击菜单应该触发事件但是右边没反应
- javascript
- ajax
- java
- 4个回答
换一换