使用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在单个元素上不引人注目的多个事件处理程序的主要内容,如果未能解决你的问题,请参考以下文章

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

jQuery事件

jQuery Show / Hide 在 Android 上不起作用

在jQuery中检测单个按键事件上的多个键

检测jQuery插件是不是应用于多个元素?

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