在Vue项目中进行元素的拖拽操作,将元素拖拽到指定画布上后,使用zoom属性对画布进行整体缩小。缩小后移动元素的位置。出现鼠标移动的距离大,元素移动的距离小,结果导致鼠标移动幅度大但是元素移动的距离小
顺晟科技
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事件的添加和卸载
25
2022-09
25
2022-09
15
2022-09
15
2022-09
15
2022-09
15
2022-09