Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery多个事件触发相同的功能?

jQuery多个事件触发相同的功能?

提问于 2017-12-11 03:29:47
回答 2关注 0查看 531

"有没有一种方法有keyup,keypress,blur,和change事件调用同一个函数?

遇到的问题是,我需要使用db查找来验证一些数据"

回答 2

Ne_biubiubiu

发布于 2017-12-11 06:09:15

从jQuery 1.7开始,该.on()方法是将事件处理程序附加到文档的首选方法。对于较早的版本,该.bind()方法用于将事件处理程序直接附加到元素。

代码语言:txt
AI代码解释
复制
$(document).on('mouseover mouseout',".brand", function () {
代码语言:txt
AI代码解释
复制
  $(".star").toggleClass("hovered");
代码语言:txt
AI代码解释
复制
})
代码语言:txt
复制

死者是小智

发布于 2017-12-11 06:08:03

可以使用.on()将一个函数绑定到多个事件:

代码语言:txt
AI代码解释
复制
$('#element').on('keyup keypress blur change', function(e) {
代码语言:txt
AI代码解释
复制
    // e.type is the type of event fired
代码语言:txt
AI代码解释
复制
});

或者只是将该函数作为参数传递给常规事件函数:

代码语言:txt
AI代码解释
复制
var myFunction = function() {
代码语言:txt
AI代码解释
复制
   ...
代码语言:txt
AI代码解释
复制
}
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
$('#element')
代码语言:txt
AI代码解释
复制
    .keyup(myFunction)
代码语言:txt
AI代码解释
复制
    .keypress(myFunction)
代码语言:txt
AI代码解释
复制
    .blur(myFunction)
代码语言:txt
AI代码解释
复制
    .change(myFunction)
和开发者交流更多问题细节吧,去 写回答
相关文章
WPF 多个 StylusPlugIn 的事件触发顺序
如果在 WPF 使用 StylusPlugIn 同时在同一个界面用多个元素都加上 StylusPlugIn 那么事件触发的顺序将会很乱 我建议是不要让 StylusPlugIn 有重叠,在没有理解 StylusPlugIn 之前请不要写出让 StylusPlugIn 有重叠的代码。因为可能有小伙伴移动了一个元素就让你的代码的行为和之前写的不一样
林德熙
2022/08/04
8270
WPF 多个 StylusPlugIn 的事件触发顺序
如果在 WPF 使用 StylusPlugIn 同时在同一个界面用多个元素都加上 StylusPlugIn 那么事件触发的顺序将会很乱 我建议是不要让 StylusPlugIn 有重叠,在没有理解 StylusPlugIn 之前请不要写出让 StylusPlugIn 有重叠的代码。因为可能有小伙伴移动了一个元素就让你的代码的行为和之前写的不一样
林德熙
2019/10/23
9210
WPF 多个 StylusPlugIn 的事件触发顺序
jquery validate 如何校验多个相同name
本文来源 : http://www.cnblogs.com/danywdd/p/5667903.html
翟凤玺
2020/10/29
1.1K0
checkbox选中触发事件_jquery select change事件
<asp:DataGrid id=”DataGrid1″ runat=”server” AutoGenerateColumns=”False”> <Columns> <asp:BoundColumn DataField=”txtId”></asp:BoundColumn> <asp:BoundColumn DataField=”txtName”></asp:BoundColumn> <asp:TemplateColumn> <ItemTemplate> <asp:ImageButton id=”btnItem” runat=”server” CommandName=”LookDetail”></asp:ImageButton> <asp:DropDownList id=”ddl” runat=”server” AutoPostBack=”True”> <asp:ListItem Value=”asdf”>asdf</asp:ListItem> <asp:ListItem Value=”asdfasdf”>asdfasdf</asp:ListItem> <asp:ListItem Value=”wrwwewewee”>wrwwewewee</asp:ListItem> </asp:DropDownList> </ItemTemplate> </asp:TemplateColumn> </Columns> </asp:DataGrid>
全栈程序员站长
2022/10/01
4.5K0
第77天:jQuery事件绑定触发
返回值不同,.height()方法返回的是 数字类型(20),.css(“height”)返回的是字符串类型(20px),因此.height()方法常用在参与数学计算的时候
半指温柔乐
2018/09/11
1.4K0
从零开始学 Web 之 jQuery(六)为元素绑定多个相同事件,解绑事件
先说结论:通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素,后添加的元素不能绑定事件;而 delegate 和 on 的方式绑定元素的方式可以。
Daotin
2018/08/31
7040
从零开始学 Web 之 jQuery(六)为元素绑定多个相同事件,解绑事件
先说结论:通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素,后添加的元素不能绑定事件;而 delegate 和 on 的方式绑定元素的方式可以。
Daotin
2018/08/31
7930
jquery实现点击某元素之外触发事件
<script> $(function(){ $(document).click(function (e) { if (!$(e.target).is('.program_rooms')) { $(".room_change").slideUp('slow'); $(".program_rooms").attr("data-sure","0"); }
山河木马
2019/03/05
2.9K0
jQuery自动触发事件与bootstrap/jQuery插件用法
有些事件希望自动触发,比如轮播图自动播放功能跟点击右侧按钮一致。可以利用定时器自动触发右侧按钮点击事件,不必鼠标点击触发。
小城故事
2023/03/08
6.7K0
jQuery自动触发事件与bootstrap/jQuery插件用法
jquery中失去焦点事件_easyui失去焦点事件没触发
事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法。
全栈程序员站长
2022/09/20
5K0
jQuery 双击事件(dblclick)时,不触发单击事件(click)
在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。 先看一下点击事件的执行顺序:
飞奔去旅行
2019/06/13
5.7K0
多个checkbox复选框触发点击事件
形如上面这种有list输出到前台的一组复选框,怎么点击其中一个可以触发jquery事件呢?
全栈程序员站长
2022/08/05
2K0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
jquery 通过 trigger() 方法触发点击事件。 $("#login_div > div > div.login-content > div.content-right > div > div > div.login-panel-input.login-submit-panel > button").trigger("click")
小蓝枣
2021/12/01
9.2K0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
jQuery第二十五篇 事件自动触发
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .father{ width: 200px; height: 200px; backgro
贵哥的编程之路
2020/10/28
5240
Jenkins触发构建--事件触发
事件触发就是发生了某个事件就触发pipeline执行,这个事件可以是你能想到的任何事件,比如手动在界面上触发、其它job主动触发、HTTP API Webhook触发等。
陈不成i
2021/06/02
6.1K0
Easyui 关闭jquery-easui tab标签页前触发事件
点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskStatus,如果taskStatu不为taskEnd,则表示任务还在执行,不让关闭
授客
2019/09/10
2.6K0
Easyui 关闭jquery-easui tab标签页前触发事件
jquery中动态新增的元素节点无法触发事件解决办法
  在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的,我们下面就为各位来详细的介绍此问题的解决办法.
超然
2018/08/03
1.9K0
多个FeignClient使用相同的name
FeignClient标签默认使用name属性作为bean name,name属性同时为服务名。 如果指定了contextId属性,则使用contextId作为bean name。 如此可为一个服务创建多个FeignClient: @FeignClient(name = "my-service-id", contextId = "my-service-id-api1") public interface Api1FeignClient { } @FeignClient(name = "my-service
路过君
2020/12/17
3.6K0
从一个bug说jquery的事件注册和触发机制
同一域名下有两个页面parent.html,child.html。parent.html中通过iframe嵌入child.html。父页面触发自定义事件,子页面对其进行响应。 两页面代码如下: 1.parent.html
跑马溜溜的球
2020/12/07
9310
从一个bug说jquery的事件注册和触发机制
代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/150775.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/06
5.1K0

相似问题

为什么FileSystemWatcher不触发事件?

21.4K

如何在JavaScript中触发事件?

2300

cdn edge 加速代码事件触发是怎么进行的?

1485

有不进入小程序就能触发的事件吗?

0145

有不进入小程序就能触发的事件函数吗?

0122
相关问答用户
擅长3个领域
平安资管 | 架构师擅长4个领域
擅长4个领域
高级数据分析师擅长5个领域
萃橙科技 | 合伙人擅长4个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档