DOM
Janewenhui
这个作者很懒,什么都没留下…
展开
-
鼠标事件之clientX(Y)、offsetX(Y)、screenX(Y)、pageX(Y)、x(y)的区别与使用详解
文章目录一、鼠标事件1. onclick2. onmousedown3. onmouseup4. onmousemove5. onmouseover6. onmouseout二、坐标1、clientX、clientY2、pageX、pageY3、screenX、screenY4、offsetX、offsetY5、x、y 一、鼠标事件 鼠标事件有下面这几种: 1. onclick 鼠标点击事件 box.onclick = function(e){ console.log(e) } 2. onmous原创 2020-12-18 02:39:23 · 594 阅读 · 0 评论 -
事件详解
文章目录一、事件基础1、事件驱动2、事件集合(1)鼠标事件(2)键盘事件(3)表单事件(4)其他事件二、事件高级1、绑定事件的方式(1)标签绑定事件(2)Document对象来绑定事件2、事件监听(1)绑定事件(2)移除事件绑定(3)事件监听的兼容写法3、事件对象(1)获取事件对象1)event对象是事件程序的第一个参数(IE8及以下不支持)2)直接使用event变量(火狐浏览器不支持,输出event未定义)3)兼容性写法(2)事件对象常用的方法和属性1)鼠标事件相关2)滚轮事件相关3)键盘事件相关4)其他原创 2020-12-17 16:50:56 · 1449 阅读 · 1 评论