第一种:button.onclick = Function("alert('hello');");
第二种:button.onclick = function(){alert("hello"); };
第三种:button.onclick = myAlert;
function myAlert(){
alert("hello");
}
第四种:
这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
1
2
3
4
5
6
7
8
|
if
(window.addEventListener){
// Mozilla, Netscape, Firefox
//element.addEventListener(type,listener,useCapture);
button.addEventListener(
'click'
, alert(
'11'
),
false
);
button.addEventListener(
'click'
, alert(
'12'
),
false
);
//执行顺序11 -> 12
}
else
{
// IE
button.attachEvent(
'onclick'
,
function
(){alert(
'21'
);});
button.attachEvent(
'onclick'
,
function
(){alert(
'22'
);});执行顺序22 -> 21
}
|
实例讲解:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
button.onclick = Function (
"alert('31');"
);
button.onclick = Function (
"alert('32');"
);
button.onclick = Function (
"alert('33');"
);
//如果这样写,那么将会只有最后一个方法被执行
button.attachEvent(
"onclick"
,
function
(){alert(
'41'
);});
button.attachEvent(
"onclick"
,
function
(){alert(
'42'
);});
button.attachEvent(
"onclick"
,
function
(){alert(
'43'
);});
//如果这样写,三个方法都会被执行
// 当然,你也可以这样写
button.onclick = Function(
"alert('51');"
);
button.attachEvent(
"onclick"
,
function
(){alert(
'52'
);});
//对应移除事件
detachEvent(
'onclick'
,func);
//ie下使用删除事件func
removeEventListener(
'click'
,func);
//Mozilla下,删除事件func
|