`
ynztpwl
  • 浏览: 61949 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery中参数e,event

 
阅读更多

与Flex类似,JavaScript中的事件也同样存在,捕获--触发--冒泡 三个节点.比较常见的情况是,在子DIV触发事件时,如果父DIV也监听同类事件,那么也会一起触发,并向上冒泡

jQuery对事件监听函数,都会默认传递一个参数,一般命名为event或e(非必须,也可以任意命名)

e,event参数中支持下列属性:
event.stopPropagation(); 停止事件冒泡的方法
event.preventDefault(); 组织默认行为--如超链接的跳转

更简单的方式:
return false,对上面两种都起同样的作用


event.type ---事件的类型,如click
event.target---事件的html元素对象
event.relatedTarget() --如在mouseover事件触发时,相关的元素,如另外一个mouseout元素
event.pageX()/event.pageY() --相对于页面的x,y坐标
event.which() --获取与事件相关的键盘或鼠标的按键值
event.metaKey()--判断事件是否包含ctrl按键
event.originalEvent()--指向原始的事件对象

分享到:
评论

相关推荐

    jQuery源码分析之Event事件分析

    IE的event在是在全局的window下, 而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。 Jquery提供了一个 event的包裹,这个相对于其它的lib提供的有点简单,但是足够使用。 代码如下: /...

    jquery下为Event handler传递动态参数的代码

    标题中提到的知识点是关于如何在使用jQuery时向事件处理器传递动态参数。在编程中,尤其是在使用jQuery框架进行DOM操作时,经常需要对事件进行监听并对发生的事件作出响应。事件处理器(event handler)就是一种用来...

    Jquery中Event对象属性小结

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

    jquery滑动改变table列宽度

    在本案例中,我们将利用jQuery的事件处理和DOM操作功能来实现列宽调整。 实现这个功能的关键步骤包括: 1. **选择器与事件绑定**: 使用jQuery的选择器定位到table元素,然后绑定`mousedown`事件监听鼠标的按下...

    jquery 进度条

    在jQuery库中,有一个名为`progressbar`的插件,用于创建这样的进度条效果。下面将详细介绍jQuery进度条的使用方法、功能特性以及与Ajax的结合应用。 首先,为了使用jQuery进度条,我们需要确保已经引入了jQuery库...

    jquery.address.js

    3. URL参数支持:jQuery.address.js支持URL参数,允许开发者传递额外的数据到页面的特定部分,增加了页面的交互性和动态性。 4. 事件监听:提供了一系列的事件监听器,如change、load、popstate等,开发者可以通过...

    jquery.metadata.2.0

    2. 动态配置:在AJAX请求中,可以使用元数据传递额外参数: ```html , dataType: 'json'}">Load Data $('a.loadData').click(function(e) { e.preventDefault(); var meta = $(this).metadata(); $.ajax({...

    移动端jquery效果显示地图双指缩放,单指拖动

    在jQuery中,我们不能直接利用原生的事件处理来检测双指手势,因为这些功能通常需要借助于触摸事件(touch events)和手势库。一种常见的解决方案是使用Hammer.js这样的手势库,它能识别包括双指缩放在内的多种手势...

    jquery利用event.which方法获取键盘输入值的代码

    `event`对象是JavaScript事件处理函数中的一个关键参数,它包含了关于触发事件的详细信息。在处理键盘和鼠标事件时,`event.which`属性是一个十分有用的功能,尤其对于识别用户按下的是哪个键或者鼠标按钮。 标题...

    浅谈jQuery中Ajax事件beforesend及各参数含义

    在全局事件中,参数包括`event`、`XMLHttpRequest`(XHR对象)、`ajaxOptions`。`ajaxOptions`是发起Ajax请求时的配置对象,包含`url`等信息。例如,我们可以利用`ajaxOptions`全局显示Ajax状态: ```javascript $...

    基于jquery的分页功能

    在分页功能中,jQuery主要负责DOM元素的选择、操作以及与服务器的通信。 分页功能通常包括以下几个部分: 1. **UI设计**:创建分页导航条,包括“上一页”、“下一页”按钮和页码选择器。这些元素可以用HTML编写,...

    jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理

    `jQuery.event.trigger`会将`event`对象放置在参数列表的前面,并可能添加用户提供的其他数据。 3. **处理特殊事件**:对于某些特定类型的事件,如`click`,jQuery有特殊的处理逻辑。例如,对于复选框,触发`click`...

    jQuery事件函数共4页.pdf.zip

    在事件处理函数中,`event`对象提供了很多有用的信息,如`event.target`(触发事件的元素)、`event.preventDefault()`(阻止默认行为)和`event.stopImmediatePropagation()`(阻止当前元素及后代的事件处理)。...

    JQuery(A~Z)教程

    jQuery允许在事件和插件中使用命名空间,如`.on('custom.event', function() {...})`,便于管理和卸载特定功能。 ### O - Offcanvas 通过jQuery,可以轻松实现侧边栏滑动显示(Offcanvas)效果,常用于响应式设计...

    jquery 上传图片显示

    在这个例子中,`accept="image/*"` 参数限制用户只能选择图片文件。`<img>` 标签用于预览图片,初始状态设置为 `display:none;`,在图片加载成功后显示。 接下来,我们需要监听文件输入元素的 `change` 事件,使用 ...

    JQuery事件e参数的方法preventDefault()取消默认行为

    1. `e`代表事件对象:在JQuery的事件处理函数中,事件对象是一个参数,通常用`e`来代表。这个事件对象包含了事件的各种信息,例如事件类型、事件的目标元素等,以及`preventDefault()`等方法。它是实现事件处理逻辑...

    基于js中this和event 的区别(详解).docx

    在这个例子中,`onclick`事件处理器接收`event`对象作为参数,`e.target`表示触发事件的元素,即图片元素。`this`在这里不会自动指向触发事件的元素,除非我们通过`call`或`apply`显式设置它。 `this`和`event....

    jquery 拖拽

    "jquery 拖拽"是jQuery的一个重要应用领域,它允许用户通过鼠标拖动元素来实现各种交互式功能,比如在描述中提到的“人员排班”等应用场景。 jQuery拖拽功能通常是通过jQuery UI库中的Draggable组件来实现的。...

    jQuery实现移动客户端多级下拉导航菜单

    在本文中,我们将深入探讨如何使用jQuery来实现一个适用于移动设备的多级下拉导航菜单。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及动画效果,使得开发动态和交互式的网页变得更为便捷。 首先...

Global site tag (gtag.js) - Google Analytics