`
luckyjaky
  • 浏览: 115370 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JQuery事件对象的属性event

阅读更多
  • event.type属性(获取事件的类型)
$("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事件对象的属性和方法详解

    jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click...

    jquery 事件对象属性小结

    jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQuery格式化后的事件对象作为唯一参数传入:$(“#testDiv”).bind(“click”, function(event) { }); 关于event对象的详细说明, 可以参考jQuery官方文档: ...

    jquery中event对象属性与方法小结

    * .target 这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX: 鼠标的left属性,相对于page * .pageY: 鼠标的top属性,相对于page * preventDefault

    Jquery中Event对象属性小结

    在JavaScript和jQuery中,Event对象是一个非常重要的概念,它包含了与事件相关的一系列信息。当一个事件被触发时,如用户点击一个按钮或链接,浏览器会创建一个Event对象,并将其作为参数传递给事件处理函数。这个...

    jquery.mobile.event

    通过在父元素上绑定事件,然后使用事件对象的`target`属性判断实际触发事件的子元素,可以有效地处理动态添加的元素。 总的来说,jQuery Mobile的事件系统是其强大功能的重要组成部分,它让开发者能够轻松地处理...

    jquerydom对象的事件隐藏显示和对象数组示例

    在本文中,我们将深入探讨jQuery的DOM对象事件处理、隐藏显示功能以及如何操作对象数组。jQuery作为一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得Web开发更加便捷。 首先,让...

    jQuery对象属性.docx

    本文主要介绍jQuery中的选择器属性及其相关方法,帮助初学者理解并掌握jQuery的核心知识。 1. **选择器**:jQuery 提供了丰富的选择器来定位DOM元素,如`first`、`last`用于选取第一个或最后一个元素,`first-child...

    [jQuery入门到精通]第5章:事件与事件对象[收集].pdf

    在jQuery中,事件对象会作为参数传递给事件处理函数,这与DOM标准一致,无需像原生JavaScript那样在IE中通过`window.event`或非标准方式获取。例如,处理点击事件的函数可以这样写: ```javascript $(document).on...

    jquery鼠标滚轮事件

    事件对象`event`中包含了滚轮事件的详细信息,如`deltaX`, `deltaY`, 和 `deltaZ`属性,分别表示水平、垂直和轴向的滚动量。这些值通常是负数(向下/向右滚动)或正数(向上/向左滚动)。你可以根据这些值来控制页面...

    JQuery事件Demo

    ### 六、事件对象的其他属性和方法 - `event.delegateTarget`: 事件委托的元素。 - `event.data`: 在事件处理函数中传递的额外数据。 - `event.isDefaultPrevented()`: 检查是否已调用`event.preventDefault()`。 -...

    jQuery源码分析之Event事件分析

    因此,jQuery通过事件包装(event的包裹)来统一各种浏览器事件对象的属性。 具体来说,当一个事件被触发,jQuery会将原生事件对象封装成jQuery自己的事件对象。这个包装过程包括以下几个步骤: 1. 检查事件对象...

    jQuery-1.9.1源码分析系列(十)事件系统之事件包装

    1. 使用`new jQuery.Event( originalEvent )`创建一个新的事件对象,同时添加`isDefaultPrevented`、`originalEvent`、`type`、`timeStamp`以及表示事件已修正的标记。 2. 如果源事件对象有`type`属性,则将其类型...

    jQuery事件对象总结

    在jQuery中,事件对象的属性和方法可以分为几类,主要包括事件类型、触发元素、目标元素、事件时间和事件状态等。 1. event.type属性用于获取触发事件的名称。例如,当点击一个按钮时,可以这样获取事件类型: ```...

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    例如,在一个按钮点击事件的处理函数中,可以通过$.event.fix处理后获取统一的事件对象,进而使用event.target属性获取触发事件的元素引用,使用event.pageX和event.pageY获取鼠标光标的位置,以及调用event....

    jquery多对象框选范围拖曳

    7. **优化性能**:为了提高性能,可能需要在`mousemove`事件中使用`event.stopPropagation()`防止冒泡,以及`event.preventDefault()`阻止默认行为,避免不必要的页面重绘。 8. **考虑边界条件**:确保在处理边界...

Global site tag (gtag.js) - Google Analytics