`
zhouyrt
  • 浏览: 1173075 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

给body标签和document.body都添加点击事件后仅Firefox之弹出了两次

FirefoxChromeSafariOperaHTML 
阅读更多

这是菜菜刚刚发现的

 

<!DOCTYPE html>
<html style="background:red">
  <head>
	<meta charset="utf-8">
	<title>给body标签和document.body都添加点击事件后仅Firefox之弹出了两次</title>
  </head>  
<body onclick="alert(1)" style="background:yellow;">
	<p>HTML BODY</p>
	<script>
	document.body.onclick=function(){
		alert ('body');
	};
	</script>
</body>
</html>

 

1，给body标签添加了onclick事件，弹出1

2，给document.body添加了onclick事件，弹出body


点击页面红色区域

IE6/7/8/9/Safari/Chrome/Opera : 不弹任何消息

Firefox : 弹出1


点击页面黄色区域

IE6/7/8/9/Safari/Chrome/Opera : 弹出body

Firefox : 弹出body，再弹1


呃..

分享到：
| 各浏览器中for in顺序的差异
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    给body标签和document.body都添加点击事件后仅Firefox之弹出了两次 HTML BODY [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 1，给body标签添加了onclick事件，弹出1 2，给document.body添加了onclick事件，弹...

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    在火狐浏览器中，通常情况下`document.body.scrollTop`和`document.documentElement.scrollTop`返回相同的值，因为火狐遵循了W3C的标准，即在文档完全加载后，这两个属性应该反映页面的实际滚动位置。 #### 谷歌...

    document.body.scrollTop用法

    - 对于大多数现代浏览器（如 Chrome、Firefox、Safari），使用 `document.documentElement.scrollTop` 来获取页面的滚动位置更为可靠。 ```javascript var scrollTop = document.documentElement.scrollTop; ``` ...

    解决VUE中document.body.scrollTop为0的问题

    Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面...IE和Firefox都是如此。 以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，

    document.frames在非IE浏览器中的解决办法

    然而，在实际应用过程中发现，`document.frames`这一属性在Internet Explorer（IE）浏览器中可以正常工作，但在其他非IE浏览器如Chrome、Firefox等中却无法正常使用。这主要是因为`document.frames`是IE特有的非标准...

    document.execCommand()解析

    主要的现代浏览器如Chrome、Firefox、Safari和Edge均支持大部分命令，但IE浏览器的版本支持情况不一。此外，这个API在移动设备上的表现可能不尽如人意，因此在开发时需要考虑兼容性问题。 五、替代方案 随着Web技术...

    由document.body和document.documentElement想到的

    在Web开发中，理解和掌握`document.body`和`document.documentElement`的区别至关重要，尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分：`document.body`指的是HTML文档的实际内容...

    js在IE和fireFox的区别

    ### JavaScript在Internet Explorer (IE) 和 Firefox 中的区别与解决方案 #### 一、获取HTML元素的方式差异 1. **通过ID获取元素**： - **IE**：支持`document.getElementById`和`document.all`两种方式。 - ...

    设置iframe的document.designMode后仅Firefox中其body[removed]为br

    然而，不同的浏览器可能对这个属性有不同的实现和行为，这就是在标题和描述中遇到的问题：在Firefox中，当为`iframe`的`document`设置`designMode`为`'On'`时，`body`元素的`innerHTML`会变成` `，而其他浏览器如...

    IE与Firefox的事件区别

    总结起来，IE和Firefox在事件处理上的主要差异在于事件流的支持和处理函数的添加与移除方式。理解这些差异对于编写兼容性良好的JavaScript代码至关重要。开发者需要根据目标用户群体的浏览器分布情况，适当地采用...

    解决firefox下resize事件无效问题

    然而，在Firefox浏览器中，可能会遇到`resize`事件不起作用的情况，这会给开发者带来一些困扰。本文将深入探讨这个问题，并提供解决方案。 首先，我们要了解`resize`事件的基本概念。在Web开发中，这个事件通常绑定...

    Javascript的IE和Firefox(火狐)兼容性

    ### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中，浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异，这导致了同样的代码在不同浏览器中的表现...

    javascript scrollTop正解使用方法

    在实际应用中经常会遇到以下问题：document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...

    document.documentElement &amp;&amp; document.documentElement.scrollTop

    在JavaScript中，`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性，它们与网页文档的DOM（Document Object Model）交互，特别是涉及到页面滚动时的行为。本文将深入讲解...

    Javascript在IE和FireFox中的兼容处理

    然而，由于不同浏览器的实现差异，特别是Internet Explorer（IE）和Firefox，开发者经常面临兼容性问题。以下是一些关键的JavaScript兼容处理策略： 1. **数组、集合类对象的元素访问** - IE支持`for...in`循环...

    Javascript的IE和Firefox兼容性汇编 .txt

    - Firefox和其他现代浏览器则通过事件处理器的第一个参数来传递事件对象，如 `function gotoSubmit(evt) { … }`。 - 若要兼容两种情况，可以在函数中添加以下代码： ```javascript function gotoSubmit(evt) { ...

    弹出层锁窗口 背景变灰 支持Firefox ie6 ie7 opera safari --IGad

    这个效果适用于多种浏览器，包括Firefox、IE6、IE7、Opera和Safari，确保了良好的跨浏览器兼容性。 首先，我们来深入了解一下实现这个效果的关键技术。弹出层通常由HTML、CSS和JavaScript共同构建。HTML负责结构，...

    javascript获取滚动条高度 页面宽度与高度

    - 在 Firefox 和 Opera 中，`document.documentElement.clientWidth`和`document.documentElement.clientHeight`分别表示页面宽度减去`BODY`的外边距（`margin`）后的宽度和高度。 为了确保代码的兼容性，开发者在...

Magicbox
Global site tag (gtag.js) - Google Analytics