使用jQuery在单个元素上不引人注目的多个事件处理程序

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jQuery在单个元素上不引人注目的多个事件处理程序相关的知识,希望对你有一定的参考价值。

  1. /*
  2. Example of inline event handlers:
  3. <input type="text" name="date" onchange="validateDate()" />
  4.  
  5. This is bad.
  6. The purpose of markup is to describe a document's structure, not its programmatic behavior. And what if we need to set handlers for several events on a single element?
  7. */
  8.  
  9. // The unobtrusive solution:
  10.  
  11. <input type="text" name="date" id="date" />
  12.  
  13. /*
  14. A script that runs when page is loaded into the browser, looks for relevant element(s) and set them up accordingly: (using jquery)
  15. */
  16.  
  17. var message = "mouse entered or left.";
  18.  
  19. // passing the variable in by value through eventData:
  20. $('#date').bind('mouseenter mouseleave', {msg: message}, function(event) {
  21. alert(event.data.msg);
  22. });

以上是关于使用jQuery在单个元素上不引人注目的多个事件处理程序的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Angular 指令处理单个 HTML 元素上的多个触摸事件

单个元素上的多个事件[重复]

一个向量索引处的多个元素

一个事件监听器循环元素VS单个元素上的事件监听器?

javascript 将多个事件绑定到单个元素

如何让 React 中的 onClick 处理具有多个兄弟姐妹的单个元素?