jquery 多个事件处理程序

jquery multiple event handlers(jquery 多个事件处理程序)
本文介绍了jquery 多个事件处理程序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我已经根据我正在处理的最新项目中的类名定义了事件处理程序.

I have defined event handlers according to their classnames in the latest project that I'm working on.

例如.所有具有类名foo"的元素都应以特定方式响应更改事件.并且所有类名为bar"的元素都应该以其他方式响应.

for ex. all element with the class name "foo" should respond in a particular way on change event. and all elements with the class name "bar" should respond in some other way.

现在我的一些元素属于两个类,即 class="foo bar",它们应该以两种方式响应.目前,只有一个事件处理函数被调用.

Now some of my elements fall under both classes i.e. class="foo bar" and they should respond in both ways. Right now, only one of the event handler function is being called.

如何让两个响应同时执行.

How can I make both the responses execute simultaneously.

推荐答案

这取决于你如何绑定事件.如果您通过 jQuery 绑定它们而不是通过 x.onchange = function() { ... } 覆盖处理程序 - 所有绑定的事件处理程序都将被执行.这是因为 jQuery queues 事件处理程序而不是 覆盖 以前的绑定.

It depends on how you are binding the events. If you are binding them via jQuery and not overwriting the handlers via x.onchange = function() { ... } - all the bound event handlers will get executed. This is because jQuery queues the event handlers instead of overwriting the previous binding(s).

检查此 fiddle 以查看 多个事件被触发:

检查此 fiddle 以查看事件处理程序如何被覆盖导致只有最后一个绑定的处理程序触发

这篇关于jquery 多个事件处理程序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
How do I get the HTTP status code with jQuery?(如何使用 jQuery 获取 HTTP 状态码?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)