DOM的事件对象event

本文主要是介绍DOM的事件对象event，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

注：本例讨论的全都是事件的对象，不是事件不讨论

什么是事件对象？在触发DOM中的事件时都会产生一个对象（ie中的先不讨论）

DOM中的事件对象：

重要属性和方法：

（1）type属性，用于返回事件的类型

例：

（2）target属性，用于返回事件作用的目标

（3）stopPropagation（），用于阻止事件冒泡：例：

<div id="div">

<input type="botton" id="btn3">

</div>

然后给div和input添加事件：

var btn3=document.getElementById("btn3");

var div=document.getElementById("div");

btn3.οnclick=showMes();

function showmessage(event)

{...

}

这时如果你点按钮btn3，这两个事件会根据事件冒泡原理，先具体（btn3）后父元素（box）依次相应onclick事件。

虽然你没点div但是根据冒泡原理，认为你点了按钮的父元素div甚至body。就会相应第二个事件。

如果要阻止，可以在showMes（event）函数内加上event.stopPropagation（）;

必须注意event.stopPropagation（）必须加在点击函数的最前面。

（4）preventDefault（）函数：阻止页面的默认行为：

例：<a href="go.html id="go">go</a>

var go=document.getElementById("go")

function stopGoto(event)

{event.preventDefault（）;

}

go.οnclick=stopGoto();

这样即使点了连接也不会跳转。

注：ie中的事件对象，这里先不讨论。

这篇关于DOM的事件对象event的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---