发布于 

事件对象event属性

事件对象event属性

事件对象的使用方法

处理函数定义是作为函数的第一个形参,就代表event对象:

enter编码13

1
2
3
xx元素.onxx事件 = function(e){
//在此函数中,e就代表event对象
}

1
2
3
xx元素.addEventListener('xx事件',function(e)){
//在此函数中,e就代表event对象
}

1
2
3
4
5
xx元素.onxx事件= func1;
xx元素.addEventListener('xx事件',func1);//特别注意:这里只要写也只能写函数名称
function funcl1(e){
// 在此函数中, e 就代表 event对象
}

事件对象event的属性

event.target

+± 代表当前直接触发事件的元素本身

this对比:

代表事件发生时绑定了当前事件的元素

●event.type

代表当前事件类型,其实就是事件的名称,

●event.clientX,event.clientY

代表事件发生时鼠标在当前窗口可视范围的位置

仅仅只对鼠标事件有效

●event.pageX,ebent.pageY

代表事件发生时鼠标在页面文档范围的位置

仅仅对鼠标事件有效

●event.keyCode()

代表键盘事件ain发生是所按下的按键的按键码,是一个数字

仅仅对键盘事件有效

事件对象event的方法

●even.preventDefault()

取消事件的默认行为,

所谓默认行为,是指一个元素发生某个事件时,默认会产生的结果(行为)。


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。