DOM(13)——IE中body的事件范围

最新推荐文章于 2022-07-14 10:02:46 发布
最新推荐文章于 2022-07-14 10:02:46 发布
阅读量144 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： DOM JS和移动互联网 网站前端开发 文章标签： FF（火狐浏览器）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34573534/article/details/99711295
在IE和火狐浏览器中，直接在body上添加如onclick、onmousemove等事件响应存在局限性，仅限于body中最后一个元素以上的部分。对于未被元素覆盖的区域，事件无法响应，需在document级别监听事件。

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

IE中如果在body上添加onclick、onmousemove等事件响应，那么如果页面没有满，则 “body 中最后一个元素以下（横向不限制）” 的部分是无法响应事件的，必须使用代码在document上监听那些事件，比如document.onmousemove = MovePic 。

FF（火狐浏览器）中也差不多。

DOM学习——DOM获取页面元素对象的方式总结
zjhahaha123的博客
04-20 877
目录一、为什么要获取元素二、DOM获取元素的方式1.通过DOM提供的方法获取元素①通过id获取②通过标签名tagName获取③通过类名class获取④通过name获取⑤通过选择器获取⑥特殊元素获取--body、html2.利用节点层级关系获取元素①节点概述②获取父级节点③获取子节点总结 一、为什么要获取元素 在页面中，我们通常要对一些元素进行操作，比如点击更换页面背景、修改文字内容等，这是需要先获...
JS高级程序设计——第13章事件 13.4 事件类型（鼠标与滚轮事件）
YuTong_的博客
04-17 905
13.4 事件类型（鼠标与滚轮事件）一、鼠标事件类型二、客户区坐标位置1、 事件对象的 clientX 和 clientY 属性三、页面坐标位置1、 pageX 和 pageY 属性四、屏幕坐标位置1、 screenX 和 screenY 属性五、修改键六、相关元素（针对mouseover 和 mouserout 事件）1、relatedTarget 属性、fromElement 属性、toEle...
body事件范围
雨林
09-22 1400
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> body事件范围 IE中如果在body上添加onclick、onmo
IE6,IE7下设置body{overflow:hidden;}失效Bug
讲不出再见
02-03 3393
问题重现： There are no scrollbars on this page in sane browsers html, body, p { margin: 0; padding: 0; } body { overflow: hidden; } p { width: 5000px; height: 5000px; } IE6 IE7下不生效（IE6下横向纵向滚动条都在 IE7下
解决Spring Boot @Responsebody后IE浏览器返回json时提示下载问题
flydoging的博客
01-12 3994
解决Spring boot返回JSON对象后在IE客户端会提示下载JSON文件的问题 Spring boot版本1.5.3.RELEASE 问题详细原因:在一个通用上传下载接口中,使用@Responsebody+@RequestMapping(method=RequestMethod.POST, produces = “application/json; charset=UTF-8”),这样返回...
IE监听事件
10-22 924
IE监听事件 //detachEvent  撤销监听函数绑定 //attachEvent  添加监听函数绑定 function fnClick(){  alert("你被你点到啦");  //oP.detachEvent("onclick",fnClick); //点击一次后删除监听函数 } var oP; window.onload = function(){  oP =
Javascript——DOM详细
三月nebula
12-01 332
DOM简介： 文档对昂(Document Object Model，简称DOM)，是WC组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口，W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。 DOM树： 文档：一个页面就是一个文档，DOM中使用document表示 元素：页面中所有的标签都是元素，DOM中使用element表示 节点：网页中所有的...
DOM对象（一）——DOM对象介绍、获取元素、事件和样式操作（包括案例：仿京东显示密码 点击关闭二维码等）
m0_53619602的博客
07-14 1164
## 常见的鼠标事件 |鼠标事件| 触发条件 | |--|--| | onclick | 鼠标点击左键触发 | | onmouseover |鼠标经过触发 | | onmouseout | 鼠标离开触发 | | onfocus |获得鼠标焦点触发 | |onblur |失去鼠标焦点触发 | |onmousemove | 鼠标移动触发 | |onmouseup | 鼠标弹起触发 | |onmousedown |鼠标按下触发 |...
【JavaScript 随笔】DOM事件之——拖拽的实现与简单优化
qq_47654010的博客
08-05 819
【JavaScript 随笔】DOM事件之——拖拽的实现与简单优化 效果 鼠标点击文档中任意元素拖拽至任意位置。 思路与流程 鼠标按下时，开始拖拽：onmousedown 鼠标移动，元素被拖动：onmousemove 鼠标松开，被拖拽元素固定：onmouseup 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
同一个页面多个html、body标签
05-12 7658
同一个页面多个html、body标签 html页面的一些标签，默认只有一个。比如html，head，body..... 如果写多个是什么情况呢。本着好奇的想法，试验了一下。 <html> <body> <p>这是第一个html</p><br> </body> </html> <h...
js获取浏览器body或窗宽度高度
jinzhuming0308的博客
04-02 1万+
很多时候我们需要用到js获取窗口的宽度或者高度，每个浏览器会有不同的方法，总结了一下如下： <script type="text/javascript"> var s = " "; document.documentElement.scrollTop 就是滚动条距离顶部的位置（可变） document.documentElement.scrollLef 指滚动条距离左边的位置（可
JavaScript(18)——JavaScript汇总整理
热门推荐
qq_34573534的博客
08-14 4万+
1.JavaScript是一门编程语言。 2.每学一门编程语言必须先要掌握以下三个最核心的内容： （1）数据类型； （2）程序结构 如：if、while 等； （3）类库。 3.在浏览器上使用这三种语言时，它们的作用分别是： （1）html ：提供内容； （2）css ：美化html，告诉html怎么去显示； （3）JavaScript ：控制html和css 。 4.（1）c# 编...
HTML常用标记（完整版）
qq_34573534的博客
06-02 2万+
前端： 1.HTML 2.CSS 3.JavaScript（JS）动态 URL：统一资源定位符 HTML常用标记： 1.文档结构标记 （1）文档标记：<HTML>…</HTML> （2）头部标记：<HEAD>…</HEAD> （3）标题标记：<TITLE>…</TITLE> （4）主体标记：<BODY>…</BODY> 2.格式标记 （1）段落标记：<p>…</p> （2）换行标记：
html中的reset（重置）按钮
qq_34573534的博客
05-31 2万+
html中button标签reset用法 邓彪1022 2018-03-22 11:03:43 16334 收藏 1 分类专栏： HTML CSS JavaScript 文章标签： html 版权 reset是input的一个类型，而input必须与form一起用才有效果。 比如 <form> <input type="text" value="" /> <button type="reset" value="重置按钮"></button> </f..
html语言中标签的class属性的作用
qq_34573534的博客
06-25 1万+
其实class属性的值对应的就是你定义的css的名字，它和class的属性值相对应。 例如：<td class="t1"></td> <style type="text/css"> .t1 { font-size: 12px;//字体大小 line-height: 22px;//文本行高 color: #000000;//文本颜色 margin: 6px;//...
href 什么读？
qq_34573534的博客
05-20 8137
href href是Hypertext Reference的缩写。意思是指定超链接目标的URL。href 属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScript代码段。 怎么读： [ˈhaɪ.ɹef]，有时 [χ̍.ˈɹef]。 H ref h ref 赫尔夫 hy-ref her抚 和瑞夫 喝ref href 是一个个字母念的，因为基本上不用念，都直接说“链接”、“指向”。 嗨Rai夫 喝日呃佛 哈尔夫 href 念字母 核ruai福 像.
网络上复制网页文字的方法
qq_34573534的博客
07-28 6329
以百度文库为例： 怎么办？方法如下： 1.按F12打开调试页面。 2.点击右上角的“设置”。 3.往下拉，找到“Debugger”，勾选“Disable JavaScript”后，不要关闭窗口，这样我们就可以随意的复制文字啦。 ...
表格隔行变色——DOM的使用
最新发布
06-13
注意：在实际操作中，我们可能会在页面加载完成后执行这个操作，所以可以将代码放在window.onload事件中或者使用DOMContentLoaded事件。下面给出一个完整的示例：</think>### 使用DOM实现表格隔行变色 表格隔行变色...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值