首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery事件的分组

jQuery事件的分组
EN

Stack Overflow用户
提问于 2011-07-18 20:22:20
回答 5查看 1.2K关注 0票数 3

您可以像使用switch();一样对jQuery的事件进行分组吗

类似于:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(element).bind({
    blur:
    keyup: function(){ /* both do the same stuff */ }
    /* Update below */
    click: function(){ /* specific stuff */ },
    mouseenter: function() { /* more specific stuff */ }
});
EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-07-18 20:26:15

可以使用bind方法对jQuery事件进行分组:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("myItem").bind("click blur keyup", myFunction);

更新

自从您的更新以来,我对绑定方法有了更多的了解,似乎从jQuery 1.4开始,我们就可以完全按照您的要求来做了:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#foo').bind({
  click: function() {
    // do something on click
  },
  mouseenter: function() {
    // do something on mouseenter
  }
});

摘自:http://api.jquery.com/bind/#multiple-events

我现在注意到这并不完全像你所要求的那样。您可以做的是将相同的函数分配给不同的事件,但据我所知,没有办法使用此方法直接链接事件。例如,我尝试了bind({click, blur: function(){}})和其他一些方法,但似乎都不起作用。

票数 4
EN

Stack Overflow用户

发布于 2011-07-18 20:25:48

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function myFunction(){ /* stuff to do */ }

...

onblur: myFunction,
onkeyup: myFunction,
票数 3
EN

Stack Overflow用户

发布于 2012-06-07 16:47:10

我在搜索类似的方法时遇到了这个问题-我发现使用下面的代码对我有效-注意,只有当您使用jquery 1.7+时,这才会起作用。

$(“#someID”).on(“快捷键点击改变模糊”,function() {

//这里显示了要运行的内容

});

我只是想在这里添加这一点,以防它对运行更新版本的jquery的人们有所帮助:)

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6738930

复制
相关文章
jQuery事件
1. 常用事件 click() 鼠标单击 blur() 元素失去焦点 focus() 元素获得焦点 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) ready() DOM加载完成 示例代码: <script> $(function(){ var $li = $('.list li'); var $button = $('#button1') var $text = $("#text1");
落雨
2022/03/01
31.8K0
jquery事件
parent > child在给定的父元素下匹配所有的子元素 参数 parentSelectorV1.0 任何有效选择器 childSelectorV1.0 用以匹配元素的选择器,并且它是第一个选择器的子元素 示例 描述: 匹配表单中所有的子级input元素。 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input nam
wangxl
2018/03/07
1.9K0
JQuery事件
       focus()                 ------获得焦点事件
用户3159471
2018/09/13
2.1K0
jQuery 事件
什么是事件 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 常见 DOM 事件: 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypr
静默虚空
2018/01/05
2.9K0
jQuery 事件
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
陈不成i
2021/07/22
2.2K0
jQuery的事件模型
前几天自己着重读了jQuery1.11.1的源码,又结合了之前对DE事件模型的分析,最后也实现一个简陋的事件模型。 jQuery的事件系统离不开jQuery的缓存系统。 jQuery的第一代缓存是直接将数据存储在 缓存体 这个数据结构中,但是需要在元素上添加一个uuid来作为标示, 标记在缓存体中的位置。但是仔细想想,就会发现,如果对window或者document进行事件侦听,就会在这两个 对象上添加额外属性,会造成全局污染,不是很好。 所以jQuery第二代缓存系统应运而生,这次不对元素进行添加属性,而
欲休
2018/03/15
9570
jquery的事件&动画
在1.7之前的版本中jQuery处理事件有多个方法, (google 搜索: jquery live bind degelate)作用各不相同,后来统一的使用on/off方法
bamboo
2019/01/29
1.8K0
jquery的事件&动画
jQuery:详解jQuery中的事件(一)
之前用过一些jQuery的动画和特效,但是用到的部分也不超过10%的样子,感觉好浪费啊——当然浪费的不是jQuery,而是Web资源。后来就想深入研究下jQuery的内部机理,读过两遍jQuery源代码,但是自觉还差的好远,跟好多大神(比如阮一峰)的理解还是有很大差距。现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery。
王金龙
2019/02/25
1.7K0
jQuery:详解jQuery中的事件(二)
  上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。
王金龙
2019/02/25
2.2K0
jQuery 事件注册、事件处理
其他事件和原生基本一致。 比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等
梨涡浅笑
2020/10/27
3.8K0
jquery鼠标事件
click()   为点击事件绑定一个事件处理函数,或者触发元素点击事件。   .click( handler(eventObject) )     handler(eventObject)       每次事件触发时候执行的函数。   .click([eventData],handler(eventObject))     eventData       一个对象,它包含的数据键值对应映射将被传递给事件处理程序。   handler(e
用户1197315
2018/01/19
4.6K0
Jquery 事件冒泡
什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 (摘自网络) 如何来阻止Jquery事件冒泡? 通过一个小例子来解释 <%@ Page Language="C#" AutoEventW
Porschev
2018/01/16
2.9K0
jQuery事件(20171031)
1.交换内容 $("#btn").on("click",function(){ //方法一 var srcOne = $("img").eq(0).attr("src"); var srcTwo = $("img").eq(1).attr("src"); $("img").eq(0).attr("src",srcTwo); $("img").eq(1).attr("src",
天天_哥
2018/09/29
1.2K0
jQuery事件委托
在jQuery中,事件委托是一种优化事件处理的技术,它利用事件冒泡的机制,将事件处理程序绑定到一个父级元素上,从而减少事件处理函数的数量,并实现对动态添加的子元素的事件处理。
堕落飞鸟
2023/05/18
1.1K0
【JQuery】JQuery入门——模拟用户分组以及页面换肤
👀专栏介绍 【JQuery】 目前主要更新JQuery,一起学习一起进步。 👀本期介绍 本期主要介绍JQuery入门——模拟用户分组以及页面换肤 文章目录 1. 模拟用户分组 1.1 案例介绍 1.2 案例相关知识: 2. 页面换肤 2.1 案例介绍 3. 扩展案例:图片放大 1. 模拟用户分组 1.1 案例介绍 使用 jQuery 模拟用户分组,要求如下: 1. 页面加载时显示所有分组的列表项。 2. 点击某分组名称时,仅显示当前分组列表,并隐藏其他分组的列表项 1.2 案例
陶然同学
2023/02/27
1.9K0
【JQuery】JQuery入门——模拟用户分组以及页面换肤
jquery基础事件
一.常用的事件有:click、dblclick、 mousedown、mouseup、mousemove、mouseover、mouseout、change、select、submit、keydown、 keypress、keyup、blur、focus、load、resize、scroll、error。。。。。
wfaceboss
2019/04/08
1.2K0
jquery事件绑定
.bind()   为一个元素绑定一个元素处理程序。   .bind(eventType[,eventData],handler(eventObject))     eventType       一个包含一个或多个DOM事件类型的字符串,或自定义事件的名称。     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每当事件
用户1197315
2018/01/19
3.6K0
jQuery事件代理
事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上,通过判断事件来源,执行相应的子元素的操作,事件代理首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。
落雨
2022/03/01
30K0
jQuery事件机制
JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力。
Qwe7
2022/04/16
1.8K0
jQuery事件处理
在jQuery中,事件处理是一项重要的功能,它使我们能够对元素的各种交互行为做出响应。jQuery提供了一系列方法来绑定、解绑和触发事件,以及操作事件对象。
堕落飞鸟
2023/05/18
8520

相似问题

在jQuery中分组多个事件

10

JQGrid分组事件

12

将相似的jquery单击事件分组在一起

111

Webkit transitionEnd事件分组

51

按日期分组事件

21
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文