這是index.html文件
<!DOCTYPE?html>
<html>
<head>
????<title>事件</title>
????<script?src="js/event.js"></script>
????<script?src="js/script.js"></script>
</head>
<body>
<div?id="box">
<input?type="button"?value="按鈕"?id="btn1"/>
<a?href="event.html"?id="go">跳轉(zhuǎn)</a>
</div>
</body>
</html>
這是event.js文件
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;
????????}
????},
????//獲取事件
????getEvent:function(event){
????????return?event?event:window.event;
????},
????//獲取事件類型
????getType:function(){
????????return?event.type;
????},
????//獲取事件元素
????getElement:function(event){
????????return?event.target||event.srcElement;
????},
????//阻止冒泡行為
????stopPropagation:function(event){
????????if(event.stopPropagation){
????????????event.stopPropagation();
????????}
????????else{
????????????event.cancelBubble=true;
????????}
????},
????//阻止默認(rèn)行為
????preventDufault:function(event){
????????if(event.preventDefault){
????????????event.preventDefault();
????????}else{
????????????event.returnValue=false;
????????}
????}
}
這是script文件
window.onload=function(){
?????var?btn1=document.getElementById('btn1'),
?????box=document.getElementById('box'),
?????go?=document.getElementById('go');
????eventUtil.addHandler(btn1,'click',function(){
????????alert('我是一個按鈕');
????});
????eventUtil.addHandler(go,'click',function(event){
????????alert(eventUtil.getType(event));
????});
}
求大神指導(dǎo)?。?!
2016-10-26
<script?src="js/event.js"></script>
<script?src="js/script.js"></script>
如果沒有新建名字為js文件夾,上面兩個js文件的路徑就錯了,如果所有文件在同一個文件夾下,改成這樣就行了
<script?src="event.js"></script>
<script?src="script.js"></script>
2016-09-23
我也是這樣的問題
2016-09-09
可是點擊按鈕時就是沒有任何響應(yīng)啊 ,用eventUtil里面的方法調(diào)用都沒有任何響應(yīng)
2016-09-09
沒有問題啊