`
luckyjaky
  • 浏览: 111622 次
  • 性别: 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对象属性小结

    JS的Event对象是触发事件的时候传递给事件处理函数的一个对象,这个对象中存在触发事件的基本信息。如:触发事件的事件源、键盘码(如果存在)等基本信息。 1、通过event.type获取事件的类型 代码如下: [removed] $...

    jQuery学习资料

    从零开始学习jQuery (五) 事件与事件对象 40 一.摘要 40 二.前言 40 三.事件与事件对象 40 四. jQuery中的事件 43 五.常用事件函数举例 46 六.快捷事件 Event Helpers 49 七. 交互帮助方法 51 八.使用jQuery事件对象...

    最新 jQuery 1.7正式发布(附带1.6中文API)

    另外,在jQuery 1.7中移除了event.layerX和event.layerY这两个属性,以及jQuery.isNaN()和jQuery.event.proxy()方法,分别用event.originalEvent.layerX and event.originalEvent.layerY、jQuery.isNumeric()、...

    JQuery中的常用事件、对象属性与使用方法分析

    本文实例讲述了JQuery中的常用事件、对象属性与使用方法。分享给大家供大家参考,具体如下: JQuery中的常用事件 .click() 鼠标单击触发事件,参数可选(data,function) .dblclick() 双击触发,同上 ...

    jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。

    event对象包含了一个重要属性:target(W3C)/srcElement(IE),这个属性标识了触发事件的原始元素,思路二就是要利用这个属性。我们可以直接对document的click事件绑定事件处理程序,在事件处理程序中判读事件源是否为...

    js获取事件源及触发该事件的对象

    某Html元素有onclick方法:onclick=’... //这时obj就是触发事件的对象,可以使用它的各个属性 //还可以将obj转换成jquery对象,方便选用其他元素 var $obj = $(obj); alert&#40;$obj.parent(&#41;.attr(“href”));

    window.event.srcElement 得到事件源对象

    只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event...

    jquery插件使用方法大全

    使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $("&lt;p&gt;hello&lt;/p&gt;"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body...

    从零开始学习JQuery

    有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则...

    jQuery源码分析

    jQuery源码分析 00 前言开光 01 总体架构 03 构造jQuery对象-源码结构和核心函数 03 构造jQuery对象-工具函数 05 异步队列 Deferred ...10 事件处理-Event-概述和基础知识 15 AJAX-前置过滤器和请求分发器

    jQuery事件的绑定、触发、及监听方法简单说明

    如果你在写文章或者 Demo,为了简单,你当然可以用事件监听函数,以及那些事件对象提供的方法等。但在实际中,有一些方法和属性是有兼容性问题的,所以我们会使用 jQuery 来消除兼容性问题。 下面简单的来说一下 ...

    jQuery详细教程

    jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...

    jquery电子文档chm

    访问第一个匹配元素的样式属性。 -------------------------------------------------------------------------------- Return a style property on the first matched element. 返回值 String 参数 name (String...

    jQuery的实现原理的模拟代码 -3 事件处理

    在事件触发的时候,通过注册的匿名函数来执行 jQuery.event.handle ,由于使用了闭包,所以在这个函数中的 this 就是事件源对象,通过这个事件源对象找到对象的私有扩展数据,然后在 events 中找到对应的事件处理...

Global site tag (gtag.js) - Google Analytics