有没有办法让keyup , keypress , blur和change事件在一行中调用相同的函数,还是必须单独执行?

我遇到的问题是我需要使用数据库查找验证一些数据,并且希望确保在任何情况下都不会错过验证,无论是键入还是粘贴到框中。

#1楼

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

$(document).on('mouseover mouseout',".brand", function () {

$(".star").toggleClass("hovered");

})

#2楼

我正在寻找一种方法来获取事件类型,当jQuery一次监听多个事件时,谷歌把我放在这里。

所以,对于那些感兴趣的人, event.type是我的答案:

$('#element').on('keyup keypress blur change', function(event) {

alert(event.type); // keyup OR keypress OR blur OR change

});

#3楼

您可以使用bind方法将函数附加到多个事件。 只需传递事件名称和处理函数,如下代码所示:

$('#foo').bind('mouseenter mouseleave', function() {

$(this).toggleClass('entered');

});

另一种选择是使用jquery api的链接支持。

#4楼

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

$('#element').on('keyup keypress blur change', function(e) {

// e.type is the type of event fired

});

或者只是将函数作为参数传递给普通事件函数:

var myFunction = function() {

...

}

$('#element')

.keyup(myFunction)

.keypress(myFunction)

.blur(myFunction)

.change(myFunction)

#5楼

如果您将相同的事件处理程序附加到多个事件,您经常遇到一次触发多个事件的问题(例如,用户在编辑后按Tab键; keydown,change和blur可能全部触发)。

这听起来像你真正想要的是这样的:

$('#ValidatedInput').keydown(function(evt) {

// If enter is pressed

if (evt.keyCode === 13) {

evt.preventDefault();

// If changes have been made to the input's value,

// blur() will result in a change event being fired.

this.blur();

}

});

$('#ValidatedInput').change(function(evt) {

var valueToValidate = this.value;

// Your validation callback/logic here.

});

jq 和java 多张图片_jQuery多个事件触发相同的功能相关推荐

  1. jq 和java 多张图片_JQ实现多图片预览和单图片预览

    實現圖片預覽功能之前,先把jQuery和layer導入項目,下面我教大家實現圖片預覽 CSS: .quotations_upload{ padding: 4px 10px; height: 20px; ...

  2. Java语言学习--Swing中Button事件监听

    1 前言 今天在使用Java Swing中的JButton的事件触发机制时遇到了许多问题,简单的了解了一下. 2 事件监听机制 事件监听的机制如下图所示分析. 3 代码分析 3.1 分步解析 1.事件 ...

  3. java用mvvm,[Java教程]MVVM架构~使用boxy和knockoutjs实现编辑功能

    [Java教程]MVVM架构~使用boxy和knockoutjs实现编辑功能 0 2014-04-24 14:00:08 返回目录 这个功能我认为非常有用,尤其在后台管理系统中,它对用户来说,使用体验 ...

  4. java swing列表数据加监听,【Java Swing公开课|Java监听列表项选择事件怎么用,看完这篇文章你一定就会了】- 环球网校...

    [摘要]作为一门面向对象编程语言,Java吸收了C++语言的优点,也展现了其强大的一面,我们能在各个地方看到其功能强大和简单易用的两个特征,当然,也吸引了很多程序员的注意力,所以就有人想了解Java的 ...

  5. Java开发人员应该知道的5大Spring Boot功能

    您可能已经听说过Spring Boot,这是用不到140个字符创建一个Spring Web应用程序的神奇力量,可以在一条推文中编写这些字符,但这到底意味着什么? 哪些功能可以使Spring Boot具 ...

  6. java swing 注册事件_比较Java Swing中三种注册事件的方法

    Swing 是目前Java中不可缺少的窗口工具组,是建立图形化用户界面(GUI)程序的强大工具.Java Swing组件自动产生各种事件来响应用户行为.Java将事件封装成事件类,并且为每个事件类定义 ...

  7. 【java】画图和监听事件的应用

    [java]画图和监听事件的应用 (1)frame.getContentPane().add(new Change()); ***用getContentPane()方法获得JFrame的内容面板,再对 ...

  8. java秒表计时器_Java实现的计时器【秒表】功能示例

    本文实例讲述了Java实现的计时器[秒表]功能.分享给大家供大家参考,具体如下: 应用名称:Java计时器 用到的知识:Java GUI编程 开发环境:win8+eclipse+jdk1.8 功能说明 ...

  9. Java实现安卓连接商米POS收银机打印小票功能

    在收银系统中经常使用到打印小票的功能.本文将Java如何实现商米POS收银机打印小票的功能.包括""定义管理打印相关方法的类,封装好方法供外部调用"."调用打印 ...

最新文章

  1. python如何创建函数对列表里的元素进行分类_zip()函数如何在python中遍历多个列表?...
  2. 基于MSM 的tomcat session 共享
  3. 2016 EasyAR 开发者大会定档AWE,AR SDK重大升级进入倒计时
  4. GetLogicalDriveStrings FindFirstVolume和FindNextVolume
  5. Windows Server Backup 2012设置备份周期
  6. 打破BERT天花板:11种花式炼丹术刷爆NLP分类SOTA!
  7. python 计算每日累计_一颗韭菜的自我修养:用 Python 分析下股市,练练手
  8. 万字长文详解如何用 Python 玩转 OpenGL | CSDN 博文精选
  9. 内存取证分析,笔记版+实战,基础
  10. 099 《少有人走的路:心智成熟的旅程》简记
  11. Waterfall Header Bidding机制
  12. 2022全新抖音取图表情包小程序+创作者入驻+流量主
  13. 进程调度之5:系统调用exit与wait4
  14. fuchsia中virtio 后端实现
  15. 仙人掌之歌——路转峰回(3)
  16. Linux下链接库出现的undefined reference问题总结
  17. 直立车各环的调试_大学生智能车竞赛之直立车控制,我之初见(四)
  18. iOS ReplayKit实时录制屏幕实现方案的细节记录
  19. 软件测试无效bug分析,(一)Bug不能重现的原因分析及其对策
  20. 产品经理的一些常用术语

热门文章

  1. mysql不能访问order,使用ORDER BY时,MySQL不使用索引(“Using filesort”)
  2. java 正则 实例_Java正则表达式示例
  3. java 打印预览_java打印和打印预览机制实例代码
  4. mysql的to 打印_如何在MySQL存儲過程中模擬打印
  5. WCF 安全性 之 自定义证书验证
  6. json学习之三:JSONArray的应用
  7. (转)Clang 比 GCC 编译器好在哪里?
  8. CentOS6.4 配置mysql服务器启动多个端口,同步单表数据
  9. python中使用C类型的数组
  10. Scale计算公式 - 关于电压值与二进制数值间的转换