jq 和java 多张图片_jQuery多个事件触发相同的功能
有没有办法让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多个事件触发相同的功能相关推荐
- jq 和java 多张图片_JQ实现多图片预览和单图片预览
實現圖片預覽功能之前,先把jQuery和layer導入項目,下面我教大家實現圖片預覽 CSS: .quotations_upload{ padding: 4px 10px; height: 20px; ...
- Java语言学习--Swing中Button事件监听
1 前言 今天在使用Java Swing中的JButton的事件触发机制时遇到了许多问题,简单的了解了一下. 2 事件监听机制 事件监听的机制如下图所示分析. 3 代码分析 3.1 分步解析 1.事件 ...
- java用mvvm,[Java教程]MVVM架构~使用boxy和knockoutjs实现编辑功能
[Java教程]MVVM架构~使用boxy和knockoutjs实现编辑功能 0 2014-04-24 14:00:08 返回目录 这个功能我认为非常有用,尤其在后台管理系统中,它对用户来说,使用体验 ...
- java swing列表数据加监听,【Java Swing公开课|Java监听列表项选择事件怎么用,看完这篇文章你一定就会了】- 环球网校...
[摘要]作为一门面向对象编程语言,Java吸收了C++语言的优点,也展现了其强大的一面,我们能在各个地方看到其功能强大和简单易用的两个特征,当然,也吸引了很多程序员的注意力,所以就有人想了解Java的 ...
- Java开发人员应该知道的5大Spring Boot功能
您可能已经听说过Spring Boot,这是用不到140个字符创建一个Spring Web应用程序的神奇力量,可以在一条推文中编写这些字符,但这到底意味着什么? 哪些功能可以使Spring Boot具 ...
- java swing 注册事件_比较Java Swing中三种注册事件的方法
Swing 是目前Java中不可缺少的窗口工具组,是建立图形化用户界面(GUI)程序的强大工具.Java Swing组件自动产生各种事件来响应用户行为.Java将事件封装成事件类,并且为每个事件类定义 ...
- 【java】画图和监听事件的应用
[java]画图和监听事件的应用 (1)frame.getContentPane().add(new Change()); ***用getContentPane()方法获得JFrame的内容面板,再对 ...
- java秒表计时器_Java实现的计时器【秒表】功能示例
本文实例讲述了Java实现的计时器[秒表]功能.分享给大家供大家参考,具体如下: 应用名称:Java计时器 用到的知识:Java GUI编程 开发环境:win8+eclipse+jdk1.8 功能说明 ...
- Java实现安卓连接商米POS收银机打印小票功能
在收银系统中经常使用到打印小票的功能.本文将Java如何实现商米POS收银机打印小票的功能.包括""定义管理打印相关方法的类,封装好方法供外部调用"."调用打印 ...
最新文章
- python如何创建函数对列表里的元素进行分类_zip()函数如何在python中遍历多个列表?...
- 基于MSM 的tomcat session 共享
- 2016 EasyAR 开发者大会定档AWE,AR SDK重大升级进入倒计时
- GetLogicalDriveStrings FindFirstVolume和FindNextVolume
- Windows Server Backup 2012设置备份周期
- 打破BERT天花板:11种花式炼丹术刷爆NLP分类SOTA!
- python 计算每日累计_一颗韭菜的自我修养:用 Python 分析下股市,练练手
- 万字长文详解如何用 Python 玩转 OpenGL | CSDN 博文精选
- 内存取证分析,笔记版+实战,基础
- 099 《少有人走的路:心智成熟的旅程》简记
- Waterfall Header Bidding机制
- 2022全新抖音取图表情包小程序+创作者入驻+流量主
- 进程调度之5:系统调用exit与wait4
- fuchsia中virtio 后端实现
- 仙人掌之歌——路转峰回(3)
- Linux下链接库出现的undefined reference问题总结
- 直立车各环的调试_大学生智能车竞赛之直立车控制,我之初见(四)
- iOS ReplayKit实时录制屏幕实现方案的细节记录
- 软件测试无效bug分析,(一)Bug不能重现的原因分析及其对策
- 产品经理的一些常用术语
热门文章
- mysql不能访问order,使用ORDER BY时,MySQL不使用索引(“Using filesort”)
- java 正则 实例_Java正则表达式示例
- java 打印预览_java打印和打印预览机制实例代码
- mysql的to 打印_如何在MySQL存儲過程中模擬打印
- WCF 安全性 之 自定义证书验证
- json学习之三:JSONArray的应用
- (转)Clang 比 GCC 编译器好在哪里?
- CentOS6.4 配置mysql服务器启动多个端口,同步单表数据
- python中使用C类型的数组
- Scale计算公式 - 关于电压值与二进制数值间的转换