為什么我 chrome 和 IE 都沒效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件處理程序</title>
</head>
<body>
<div>
<input type="button" id="btn" value="按鈕" >
</div>
<script type="text/javascript">
function showMes(){
alert('Hello World!');
}
var btn=document.getElementById('btn');
var eventUtil={
// 添加句柄
? ? ? ? ? addHandler:function(element,type,handler){
? ? ? ? ? ? ? ?if(element.addEventListener){
? ? ? ? ? ? ? ? ?element.addEventListener(type,handler,false);
? ? ? ? ? ? ? ?}else if(element.attachEvent){
? ? ? ? ? ? ? ? ?element.attachEvent('on'+type,handler);
? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ?element['on'+type]=handler;
? ? ? ? ? ? ? ?}
? ? ? ? ? },
? ? ? ? ? // 刪除句柄
? ? ? ? ? removeHandler:function(element,type,handler){
? ? ? ? ? ? ? ?if(element.removeEventListener){
? ? ? ? ? ? ? ? ?element.removeEventListener(type,handler,false);
? ? ? ? ? ? ? ?}else if(element.detachEvent){
? ? ? ? ? ? ? ? ?element.detachEvent('on'+type,handler);
? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ?element['on'+type]=null;
? ? ? ? ? ? ? ?}
? ? ? ? ? },
eventUtil.addHandler(btn,'click',showMes);
}
</script>
</body>
</html>
2016-07-20
eventUtil.addHandler(btn,'click',showMes);最后調(diào)用你框在函數(shù)里面了
提出來就可以了