jQuery事件对象的属性和方法供大家参考。具体内容如下

属于事件对象的方式有很多种，但我们经常只使用其中的几种。这里我主要讲一下功能和区别

事件类型：获取事件的类型

触发器元素的事件类型

$('a ')。click(function(event)){ alert(event . type)；//'click '事件})；获取鼠标相对于页面的当前坐标

通过这两个属性，您可以确定当前页面上元素的坐标值，以及鼠标位置(左)和(上)相对于文档左边缘的距离。简单来说就是从页面左上角开始，也就是以页面为参考点，不随滑块的移动而改变

Event.preventDefault()方法：防止默认行为

这一点特别有用。执行此方法后，如果单击链接(A标记)，浏览器将不会跳转到新的URL。我们可以使用event.isDefaultPrevented()来确定是否已经调用了这个方法(在那个事件对象上)

方法：防止事件冒泡

事件可以冒泡，以防止事件冒泡到DOM树中，也就是说，任何未触发的前置元素上的事件处理函数

Event.which:获取鼠标单击时单击了哪个鼠标键。

Event .将event.keyCode和event.charCode. Event标准化，也将按下标准化按钮(mousedown和mouseupevents)，用左键报告1，用中键报告2，用右键报告3

事件冒泡过程中的当前DOM元素

冒泡前当前触发事件的DOM对象与此等效。

这和event.target之间的区别：

js中的事件会冒泡，所以这个可以改，但是event.target不会改，直接接受事件的永远是target DOM元素；this和event.target都是dom对象

如果您想使用jquey中的方法，可以将它们转换成jquery对象。例如，使用this和$(this)，使用event.target和$(event . target)；

参考代码：

！DOCTYPE html html head meta http-equiv=' Content-type ' Content=' text/html；charset=utf-8 '/title/title style。左div，右div { width: 500px高度： 100像素；padding: 5pxmargin: 5px向左浮动：border: 1px固体# ccc} .left div { background : # bbffaa；} .右div { background:黄色；}/style script src=' http :3358 libs . Baidu.com/jquery/1 . 9 . 1/jquery . js '/script/head dyh 3事件对象属性和方法/h3div类=' left' div id=' content' outer div元素br/span style=' background : Inner span元素/span br/outer div元素/div br/div id=' msg'/div/div脚本类型=' text/JavaScript '/Bind click事件$ ('span ')。单击(function () {$ ('# msg '))。html($(' # msg ')})；//为Id为content的div元素绑定click事件$(“# content”)。click(function(event)){ $(' # msg ')。html ($ ('# msg ')。html()“Pouter div元素被单击/p”)；event . stopperpagation()；//防止事件冒泡})；//绑定点击事件$(“body”)。单击(function () {$ ('# msg '))。html ($ ('# msg ')。html()“p body元素被单击/p”)；});/脚本/正文/html

点击span冒泡进入内容的点击事件，然后进入内容的点击功能，执行防止冒泡的语句，所以不会冒泡到正文中，所以点击span不会导致正文元素被点击。

$ ('# msg ')。html ($ ('# msg ')。html()“p单击了内部span元素/p”)；//追加$ ('# msg ')。html转换为msg的原始内容(' psinternal span元素被单击/p ')；//替换原始内容

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。