javascript 事件处理

1.     注册事件处理程序

(1)    给事件目标对象或文档元素设置属性

a.设置javascript对象属性为事件处理程序 window.οnlοad=function(){}.每个事件目标对于事件类型将最多只有一个处理程序

b.设置html标签属性为事件处理程序

<button οnclick=”alert(‘thank you’;)”>点击这里</button>

如果包含多条javascript属性,必须用分号分隔开

(2)    将事件处理程序传递给对象或元素的一个方法

a.     addEventListener()第一个是要注册处理程序的事件类型。第二个是事件发生时应该调用的函数。最后一个参数是false。如果为true,那么函数将注册捕获事件处理程序,并在事件不同调度阶段调用。可以为同一个对象注册同一事件类型的多个处理程序函数。当对象事件发生,该事件类型的注册处理陈程序依次调用。相同参数在同一个对象上多次调用没有作用,处理程序仍然只注册一次。

b.     attachEvent() 不支持事件捕获,只有两个参数:事件类型和处理程序函数。使用带’on’的前缀的事件处理程序属性名。允许相同事件处理程序注册多次。

当调用时并未传递事件,需要通过全局对象window.event来获得事件对象

<html>
<head>
</head>
<body>
<button  id="mybutton1">按钮1</button>
<button id="mybutton2">按钮2</button>
<script type="text/javascript">
 var b1=document.getElementById("mybutton1");
 var b2=document.getElementById("mybutton2");
 b1.addEventListener("click",function(){ alert("button1");},false);
 b1.addEventListener("click",function(){ alert("button1 again");},false);
 b2.attachEvent("onclick",function(){ alert("button2");});
 b2.attachEvent("onclick",function(){ alert("button2 again");});
</script>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值