事件对象event.target的常用属性
2018-05-08 本文已影响75人
丶灰太狼他叔
1、event阻止默认行为的方法为，如a标签：
$("a").click(function(event){
event.preventDefault();
});
3、event的兼容性写法：
在IE下event为window下的一个对象，所以应写为window.event
//IE是把event事件对象作为全局对象window的一个属性；可以使用event或window.event来访问；
//FireFox和Chrome等主流浏览器是通过把【事件对象】作为【事件响应函数】的【参数】进入传入的；
//兼容性的写法示例：
domElement.onclick = function( e ){
e = e || window.event;
}
注意：不要将var e=e||event; 写成 var e=event||e; ，这在FireFox下会提示错误，FireFox无法处理未声明未赋值的变量event。
3、event.target的常用属性总结如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#main {
width: 200px;
height: 100px;
background: pink;
color: #fff;
}
</style>
<script type="text/javascript">
window.onload = function() {
document.getElementById("main").onclick = function(e) {
console.log(e.target);//<div id="main" class="sb js node"><span>测试文字</span></div>
console.log(e.target.id);//main
console.log(e.target.tagName);//DIV
console.log(e.target.nodeName);//DIV
console.log(e.target.classList);// ["sb", "js", "node", value: "sb js node"]
console.log(e.target.className);//sb js node
console.log(e.target.innerHTML);//<span>测试文字</span>
console.log(e.target.innerText);//测试文字
}
}
</script>
</head>
<body>
<div id="main" class="sb js node"><span>测试文字</span></div>
</body>
</html>
