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 多个事件处理程序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)