18910140161

Js操作鼠标事件

顺晟科技

2021-06-16 11:05:14

256

请注意,onmouseover和onmouseout只执行一次,两个onmousemove会执行多次

Onmousedown只执行一次,每次点击只执行一次。不会连续触发。不像onkeydown和onkeypress,这里很乱。鼠标事件有哪些?

它在Firefox中显示未定义

ie中显示的是未定义的

不过以上在Google的显示是正常的,现在需要兼容IE和Firefox

这里有个问题。console.log(窗口)中看到的事件属性未定义,但consoe.log(窗口.事件)显示了所需的效果。为什么会有这样的区别?

这就是老师纠结的地方,但不知道为什么会这样

以上分析有误。在Google中,e和window.event都支持,Firefox只支持e,Google只支持window.event。

转移参与属性的动态创建

由于IE低版本不支持属性e.pageX和e . pagey(IE低版本显示是),所以可以利用鼠标位置滚动条在可视区域的卷曲高度,获得基于内容区域的鼠标位置

窗口在文档上

事件捕捉只是为了了解内容,IE不支持

事件处理程序,请注意,0级事件后面的事件将覆盖以前的事件,这一点很重要。

窗口可以省略,以上代码没有意义

气泡:从混凝土节点到非混凝土节点

现在代表捕获,但是没有具体效果。现在和冒泡一样

捕获:从非特定节点到特定节点

达到和函数执行上下文一样的效果。IE浏览器不支持addEventListener()

以上是卸载DOM 0级事件的方法(卸载事件,如果界面再次刷新,事件处理程序会继续执行)

事实上,它与卸载DOM0级别的事件具有相同的效果

工业工程增加DOM2级事件

在最新版本的IE中,IE11已经不支持attachEvent属性

IE卸载DOM2级事件

以下是包装函数:

这种写法在IE中显示为空白

这种写法会直接举报非IE的错误

非IE显示的是函数,IE显示的是未定义的。下面的函数封装就是基于这个原理

因为很少使用事件捕获,所以第四个值通常为false,这是在没有单独参数的情况下写死的

卸载时不能在事件处理程序中使用匿名函数

注意IE版本中的执行顺序

DOMContentLoaded现在是为了理解内容和关注一个概念:事件处理程序

封装功能:鼠标相对于内容区Y轴的位置,兼容浏览器的DOM2事件的添加和卸载

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航