jQuery.事件对象

事件对象


每个事件处理函数都会获得一个事件对象,该对象中包含和此事件相关的方法及属性。

事件对象在事件触发时自动传入。

事件对象的属性有:

                               type:事件类型,如click、mouseover等

                               which:被按下的按钮或键

                               data:当事件发生时传入该函数的一些额外信息

                               target:发生了这个事件的DOM元素

                               pageX:鼠标相对可视区域左边缘的位置

                               pageY:鼠标相对可视区域Y边缘的位置

扫描二维码关注公众号,回复: 2346616 查看本文章

                               timeStamp:事件发生时间距离1970年1月1日的毫秒数

事件对象的方法有:

                              preventDefault():阻止默认行为

                              stopPropagation():停止事件向其祖先元素中冒泡传播


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件对象</title>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js">
</script>
</head>
<body>
<div>
<ul id="ul">
<li id="a">发的都</li>
<li id="b">但是</li>
<li id="c">反倒是</li>
<li id="d">恐惧和</li>
</ul>
</div>
<p id="notes">单击列表项,或光标移到列表项</p>
<script>
$('li').on('click',function(e){
$('li span').remove();
var date=new Date();
$(this).append('<span> '+date+''+e.type+'</span>')
});
</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/H97042/p/9361072.html