jQuery事件对象的属性和方法,供大家参考,具体内容如下
事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别
获取事件的类型
触发元素的事件类型
$ (“a”) .click(函数(事件){
警报(event.type);//暗慊鳌笔录?
});
获取鼠标当前相对于页面的坐标
通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(左)边与(顶边)的距离,简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化
阻止默认行为
这个用的特别多,在执行这个方法后,如果点击一个链接(标签),浏览器不会跳转到新的网址去了。我们可以用event.isDefaultPrevented()来确定这个方法是否(在那个事件对象上)被调用过了
阻止事件冒泡
事件是可以冒泡的,为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数
获取在鼠标单击时,单击的是鼠标的哪个键
事件。将事件。键码和事件。charCode标准化了.event。这也将正常化的按钮按下(mousedown和mouseupevents),左键报告1,中间键报告2,右键报告3
在事件冒泡过程中的当前DOM元素
冒泡前的当前触发事件的DOM对象,等同于这个。
这和event.target的区别:
js中事件是会冒泡的,所以这是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
。这和event.target都是dom对象
如果要使用jquey中的方法可以将他们转换为jquery对象。比如这和美元(这)的使用,event.target和美元(event.target)的使用;
参考代码:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title> & lt;/title>
& lt; style>
.left div,
铃声div {
宽度:500 px;
身高:100 px;
填充:5 px;
保证金:5 px;
浮:左;
边界:1 px固体# ccc;
}
.left div {
背景:# bbffaa;
}
铃声div {
背景:黄色;
}
& lt;/style>
& lt;脚本src=" http://libs.baidu.com/jquery/1.9.1/jquery.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; h4>事件对象的属性与方法& lt;/h4>
& lt; div类=白蟆北?
& lt; div id=澳谌荨痹?
外层div元素
& lt; br/比;
& lt;跨度比内层跨度元素& lt;/span>
& lt; br/比;外层div元素
& lt;/div>
& lt; br/比;
& lt; div id=拔毒弊４? lt;/div>
& lt;/div>
& lt;脚本type=" text/javascript祝辞//为& lt; span>元素绑定点击事件
$(“跨度”).click(函数(){
$(" #味精”). html($(" #味精"). html () +“& lt; p>内层跨度元素被单击& lt;/p>”);
}）;//为Id为内容的& lt; div>元素绑定点击事件
$(" #内容”).click(函数(事件){
$(" #味精”). html($(" #味精"). html () +“& lt; p>外层div元素被单击& lt;/p>”);
event.stopPropagation ();//阻止事件冒泡
}）;//为& lt; body>元素绑定点击事件
$(“身体”).click(函数(){
$(" #味精”). html($(" #味精"). html () +“& lt; p>身体元素被单击& lt;/p>”);
}）;
& lt;/script>
& lt;/body>
& lt;/html>
之前
点击跨冒泡到内容的点击事件,然后进入到内容的点击函数里面执行阻止冒泡语句,也就不会冒泡到身体,所以点击跨不会出现身体元素被点击。
$(“#味精”). html($(“#味精”). html () +“& lt; p>内层跨度元素被单击& lt;/p>”);//在味精原有内容上追加
$(' #味精'). html (“& lt; p>内层跨度元素被单击& lt;/p>”);//替换原来的内容
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
