我已经根据我正在处理的最新项目中的类名定义了事件处理程序。
例如。所有具有类名“foo”的元素都应以特定方式响应更改事件。并且所有类名为“bar”的元素都应该以其他方式响应。
现在我的一些元素属于两个类,即 class="foo bar" 并且它们应该以两种方式响应。现在,只有一个事件处理函数被调用。
如何使两个响应同时执行。
我已经根据我正在处理的最新项目中的类名定义了事件处理程序。
例如。所有具有类名“foo”的元素都应以特定方式响应更改事件。并且所有类名为“bar”的元素都应该以其他方式响应。
现在我的一些元素属于两个类,即 class="foo bar" 并且它们应该以两种方式响应。现在,只有一个事件处理函数被调用。
如何使两个响应同时执行。
您想要的是“行为”模式的变体。
它使您可以自动处理具有给定类或其他属性的元素上的事件。
通常的实现是监听“文档”上的事件,然后通过 event.target 定义动作。
例如:小提琴(http://jsfiddle.net/PRkAr/)
$(document).on('click change', '.foo.bar', function(e) {
var classes = this.className.split(/\s+/);
$.each(classes, function(i, cls) {
handle(e, this, cls);
})
})
function handle(e, elem, cls) {
// example: Event type click on elem DIV with class foo
alert("Event type " + e.type + " on elem " + elem.tagName + " with class " + cls);
}
此处函数处理具有您选择的类的元素上的所有事件。如果您想添加其他事件或类,只需将它们附加到“on”列表中。