影响事件传播
除了将Event实例最常用的属性标准化以外,jQuery还提供标准方法用于影响事件传播方面,带来同样的好处。
stopPropagation()方法将防止事件沿着DOM树向上传播,而preventDefault()方法将取消可能引起任何语义操作的示例是,a元素的href链接加载、表单提交以及click事件引起复选框的状态切换。
如果想在停止事件传播的同时,取消事件的默认行为,可以返回false作为监听器函数的返回值。
除允许以独立于浏览器的方式建立事件处理以外,jQuery还提供一组命令,赋予我们在脚本控制下触发事件处理程序的能力。
触发事件处理程序
在相关事件触发通过DOM层次结构的事件传播时,事件处理程序被设计为被调用。但有时候我们想在脚本控制下触发处理程序的执行。可以把事件处理程序定义为顶层函数,以便通过名称调用它们。但是把事件处理程序定义为匿名的内联函数更为常见,并且非常方便。
jQuery定义在脚本控制下自动触发事件处理函数的一系列方法,从而帮助我们避免使用顶层函数。
语法:trigger(eventType)
功能:调用所有已匹配元素的为已传递事件类型而建立的任何事件处理程序。
参数 eventType:(字符串)指定将要调用的处理程序的事件类型名称。
返回:包装集。
注意:trigger()命令不会导致事件触发和通过DOM层次结构进行传播。
语法:eventName()
功能:调用为所有已匹配元素的指名事件类型而建立的任何事件处理程序。已支持的命令包括:blur()、click()、focus()、select()、submit()。
返回:包装集。
其他事件相关命令
语法:toggle(listenerOdd, listenerEven)
功能:把已传递函数建立为包装集所有元素的一对click事件处理程序,每当触发click事件就相互切换。
参数 listenerOdd:(函数)充当所有奇数次点击的click事件处理程序。
参数 listenerEven:(函数)充当所有偶数次点击的click事件处理程序。
返回:包装集。
该命令的觉用途是根据元素被点击的次数切换元素的启用状态。
语法:hover(overListener, outListener)
功能:建立已匹配元素的mouseover和mouseout事件处理程序。这些处理程序当且仅当元素所覆盖区域被进入和退出时触发,忽略鼠标指针从父元素到子元素上的迁移。
参数 overListener:(函数)作为mouseover事件处理程序的函数。
参数 outListener:(函数)作为mouseout事件处理程序的函数。
返回:包装集。
分享到:
相关推荐
jQuery事件模型的功能有: 提供建立事件处理程序的统一方法; 允许在每个元素上为每个时间类型建立多个处理程序; 采用标准的事件类型名称,例如click或mouseover; 使用Event实例可用作处理程序的参数; 对Event...
适用于ajax请求回来的对象数据,向页面的字段里面赋值, 此插件可以一键操作,自己美其名曰“模型驱动”谢谢大家,随时吐槽拍砖
jquery多脑图总结大全
基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型...
本文实例讲述了jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较。分享给大家供大家参考,具体如下: 前言: 最近在工作中做需求时发现了一个诡异的事情,在使用jQuery触发事件时,并不总是先...
利用jQuery-UI和jsPlumb实现拖拽连接模型
第一课:jQuery选择符 第二课:操作包装集元素 第三课:修改元素属性及内容 第四课:jQuery事件模型 第五课:Ajax 第六课:实现一个Ajax的TreeView 第七课:扩展jQuery
浏览器的事件模型 DOM第0级事件模型 1.Event实例 他的属性提供了关于当前正被处理的已触发事件的大量信息。这包括一些细节,比如在哪个元素上触发的事件、鼠标事件的坐标以及键盘事件中单击...jQuery事件模型 使用jQue
第9章 jQuery中的事件处理 第10章 jQuery中的动画与效果 第11章 jQuery与AJAX 第12章 回头重看jQuery——核心及工具 第13章 jQuery增强用户体验 第14章 jQuery中使用AJAX跨域操作 第15章 jQuery+PHP动态网站实践 第...
最简单的投票模型 基于JQuery jsp实现.rar 最简单的投票模型 基于JQuery jsp实现.rar 最简单的投票模型 基于JQuery jsp实现.rar 最简单的投票模型 基于JQuery jsp实现.rar
jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用...