event.type 事件属性

type 事件属性返回发生的事件的类型,即当前 Event 对象表示的事件的名称。

可用于通过一个函数绑定多个事件:

var btn = document.getElementById("btn");
var handler =function(event){
switch(event.type){
case "click":
alert("click");
break;
case "mouseover":
alert("over");
break;
case "mouseout":
alert("out");
break;
}
}

btn.onclick = handler;
btn.οnmοuseοver= handler;
btn.οnmοuseοut= handler;

转载于:https://www.cnblogs.com/yuan-ye/p/4807599.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
15.1 `addEventListener("click",function(){} )` 两个参数的作用是,第一个参数是事件类型,第二个参数是事件处理函数,用于在指定的元素上添加事件监听器。 15.2 可以使用`removeEventListener()`方法来反注册事件处理函数。 15.3 `Event Object`是事件对象,它包含了与事件相关的信息,如事件类型、触发事件的元素、鼠标位置等。`event.which`属性表示按下的键的键码,`event.type`属性表示事件类型。 15.4 事件捕获是指从父元素向子元素传递事件的过程。在捕获阶段,事件会从根节点开始向下传递,直到到达目标元素。然后在冒泡阶段,事件会从目标元素向上冒泡,直到到达根节点。 如果父节点和子节点的同名事件,先被处理的是事件捕获阶段的父节点。 `event.stopPropagation()`函数的作用是阻止事件从继续向父元素或者子元素传递。 `event.target`属性的作用是获取触发事件的元素。 15.5 `event.preventDefault()`函数的作用是阻止事件的默认行为。例如,在链接点击事件中调用该函数可以阻止链接跳转。 15.6 `keydown`事件在按下键盘上的键时触发,`keyup`事件在释放按键时触发,`keypress`事件在按下字符键时触发。`event.keyCode`属性表示按下的键的键码,`event.ctrlKey`属性表示是否同时按下了 Ctrl 键,`event.charCode`属性表示按下的字符的 Unicode 编码。 15.7 `mousedown`事件在鼠标按下时触发,`mouseup`事件在鼠标释放时触发,`click`事件在鼠标在同一元素上按下并释放时触发。它们的区别在于触发的时机不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值