首頁猿問 JavaScript的 event對象

JavaScript的 event對象

JavaScript

qq_等W嘻嘻_0 2017-04-10 08:48:08

有大神能幫我敲一個event對象的代碼，不要求復(fù)雜，一般就好，急急急，謝謝

查看完整描述

2 回答

我愛吃牛排

TA貢獻47條經(jīng)驗獲得超127個贊

<!DOCTYPE html>

<html>

? ? <head>

? ? ? ? <meta charset="UTF-8">

? ? ? ? <meta http-equiv='X-UA-Compatible' content="IE=edge">

? ? ? ? <title>Safety-Inxs</title>

? ? ? ?

? ? </head>

? ? <body>

? ? ? ?<input type="text" onkeydown="keydown(event)" placeholder="請按下回車">

? ? </body>

? ? <script>

? ? function keydown(e){

? ? var keycode = window.event ? e.keyCode : e.which;

? ? ? ?if (keycode == 13) {

? ? ? ? alert("我讓你按你就按？")

? ? ? ?}

? ? }

? ? </script>

</html>

1 反對回復(fù) 2017-04-10

Ewall_

TA貢獻27條經(jīng)驗獲得超9個贊

一個很簡單的事件event對象方法了，自己根據(jù)需求可以刪改代碼（不知道你是不是要的這個）：

var?EventUtil={
	//添加event對象事件的方法
	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;
		}
	},
	//獲取event對象
	getEvent:function(event){
		return?event???event?:?window.event;
	},
	//獲取事件目標(biāo)
	getTarget:function(event){
		return?event.target?||?event.target;
	},
	//取消事件默認(rèn)行為
	preventDefault:function(event){
		if(event.preventDefault){
			event.preventDefault();
		}else{
			event.returnValue=true;
		}
	},
	//取消事件
	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;
		}
	},
	//阻止事件冒泡
	stopPropagation:function(event){
		if(event.stopPropagation){
			event.stopPropagation();
		}else{
			event.cancelBubble=true;
		}
	}
};

反對回復(fù) 2017-04-10