考虑这样的情形在IE浏览中处理,需要响应页面的按钮点击事件,有哪些方法呢?
(1)onclick属性添加事件处理函数

javascript事件监听<javascript>
javascript事件监听
function DoClick()//handler of click event

测试1

(2)attachEvent方法添加事件处理函数

javascript事件监听
javascript事件监听
<body>
javascript事件监听
<button name="test2">test2</button>
javascript事件监听
javascript事件监听
javascript事件监听
</body>
javascript事件监听
<javascript>
javascript事件监听
function attClick()//handler of click event

测试2

现在问题来,如果我们同时添加这两种事件处理方式,那么他们相应的顺序是什么样的,下面来模拟一下这种情形:

javascript事件监听 <BODY>
javascript事件监听  
<button id="test31">test31</button>
javascript事件监听
  <script>
javascript事件监听  
function DoClick()//property event handler
     
 test31.onclick=DoClick; 
test31.attachEvent(
'onclick',AttClick1); 
javascript事件监听  
javascript事件监听  
</script>
javascript事件监听
 </BODY>
(code for 3.1)
javascript事件监听 <BODY>
javascript事件监听  
<button id="test32">test32</button>
javascript事件监听
  <script>
javascript事件监听  
function DoClick()//property event handler
BODY>
(code for 3.2)

测试3
测试结果是:先调用属性处理函数,再调用attach事件处理函数
attachEvent方式还用一个好处就是他能添加任意多个事件处理函数

javascript事件监听<button id="test41">test41</button>
javascript事件监听
  <script>
javascript事件监听  
function DoClick()
script>

attach多个事件处理函数,他们的调用顺序又是怎样的呢,测试一下就明白啦。

javascript事件监听<button id="test41" >test41</button>
javascript事件监听
  <script>
javascript事件监听  
function DoClick()
script>
(code for 4.1)
javascript事件监听<button id="test42">test42</button>
javascript事件监听
  <script>
javascript事件监听  
function DoClick()
script>
(code for 4.2)

测试4

 待解决的问题:
attach的事件处理函数调用顺序是怎么样的?
如何查看一个事件的所有回调函数?
在调用某个事件处理函数时,如何停止调用同一个对象后继的事件处理函数?

相关文章: