$("a").click(function (event) {
alert(event.type);
return false; //阻止页面跳转
});
代码运行后返回:"click".
- event.preventDefault()方法(阻止默认的事件行为,如表单中某个元素为空不能提交时使用),也可用return false代替。
$("#sub").click(function (event) {
var username = $.trim($("#username").val());
if (username == "") {
alert("用户名不能为空");
$("#username").focus();
//event.preventDefault(); //阻止默认行为
return false; //两种方法均可
}
- event.stopPropagation()方法(阻止事件的冒泡)),也可用return false代替。
- event.target属性(获取到触发事件的元素)
$("a[href=http://www.sina.com.cn]").click(function (event) {
alert(event.target.href);//获取触发事件的<a>元素的href属性
return false; //阻止页面跳转
});
- event.pageX/event.pageY属性(获取到光标相对于页面的x坐标和y坐标)
分享到:
相关推荐
jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click...
jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQuery格式化后的事件对象作为唯一参数传入:$(“#testDiv”).bind(“click”, function(event) { }); 关于event对象的详细说明, 可以参考jQuery官方文档: ...
* .target 这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX: 鼠标的left属性,相对于page * .pageY: 鼠标的top属性,相对于page * preventDefault
在JavaScript和jQuery中,Event对象是一个非常重要的概念,它包含了与事件相关的一系列信息。当一个事件被触发时,如用户点击一个按钮或链接,浏览器会创建一个Event对象,并将其作为参数传递给事件处理函数。这个...
通过在父元素上绑定事件,然后使用事件对象的`target`属性判断实际触发事件的子元素,可以有效地处理动态添加的元素。 总的来说,jQuery Mobile的事件系统是其强大功能的重要组成部分,它让开发者能够轻松地处理...
在本文中,我们将深入探讨jQuery的DOM对象事件处理、隐藏显示功能以及如何操作对象数组。jQuery作为一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得Web开发更加便捷。 首先,让...
本文主要介绍jQuery中的选择器属性及其相关方法,帮助初学者理解并掌握jQuery的核心知识。 1. **选择器**:jQuery 提供了丰富的选择器来定位DOM元素,如`first`、`last`用于选取第一个或最后一个元素,`first-child...
在jQuery中,事件对象会作为参数传递给事件处理函数,这与DOM标准一致,无需像原生JavaScript那样在IE中通过`window.event`或非标准方式获取。例如,处理点击事件的函数可以这样写: ```javascript $(document).on...
事件对象`event`中包含了滚轮事件的详细信息,如`deltaX`, `deltaY`, 和 `deltaZ`属性,分别表示水平、垂直和轴向的滚动量。这些值通常是负数(向下/向右滚动)或正数(向上/向左滚动)。你可以根据这些值来控制页面...
### 六、事件对象的其他属性和方法 - `event.delegateTarget`: 事件委托的元素。 - `event.data`: 在事件处理函数中传递的额外数据。 - `event.isDefaultPrevented()`: 检查是否已调用`event.preventDefault()`。 -...
因此,jQuery通过事件包装(event的包裹)来统一各种浏览器事件对象的属性。 具体来说,当一个事件被触发,jQuery会将原生事件对象封装成jQuery自己的事件对象。这个包装过程包括以下几个步骤: 1. 检查事件对象...
1. 使用`new jQuery.Event( originalEvent )`创建一个新的事件对象,同时添加`isDefaultPrevented`、`originalEvent`、`type`、`timeStamp`以及表示事件已修正的标记。 2. 如果源事件对象有`type`属性,则将其类型...
在jQuery中,事件对象的属性和方法可以分为几类,主要包括事件类型、触发元素、目标元素、事件时间和事件状态等。 1. event.type属性用于获取触发事件的名称。例如,当点击一个按钮时,可以这样获取事件类型: ```...
例如,在一个按钮点击事件的处理函数中,可以通过$.event.fix处理后获取统一的事件对象,进而使用event.target属性获取触发事件的元素引用,使用event.pageX和event.pageY获取鼠标光标的位置,以及调用event....
7. **优化性能**:为了提高性能,可能需要在`mousemove`事件中使用`event.stopPropagation()`防止冒泡,以及`event.preventDefault()`阻止默认行为,避免不必要的页面重绘。 8. **考虑边界条件**:确保在处理边界...