用户按下回车键的 jQuery 事件是 `keyup` 和 `keyCode`。您可以尝试运行以下代码，以便在文本框中按下回车键时触发事件，示例在线演示 $(document).ready(function(){    $('input').bind("enterKey",function(e){      alert("Enter key pressed");    });    $('input').keyup(function(e){      if(e.keyCode == 13)      {         $(this).trigger("enterKey");      }    }); });   在上面的输入文本中按回车键。

jQuery 还提供一组事件辅助方法，可用于触发事件或绑定上面提到的任何事件类型。触发方法以下示例将对所有段落触发 blur 事件 −$("p").blur();绑定方法以下示例将对所有 −$("div").click( function () {    // 在此处执行某些操作 });以下是一些 jQuery 事件辅助方法：序号方法及说明1.blur()触发每个匹配元素的 blur 事件。2.blur( fn )将函数绑定到每个匹配元素的 blur 事件。3.click( )触发... 阅读更多

jQuery 事件处理程序始终按绑定的顺序执行。使用 jQuery，您也可以更改顺序。让我们看看如何，例如，从demo(1); demo(2);我们可以将顺序更改为 −demo(2); demo(1);示例您可以尝试运行以下代码来学习和更改 jQuery 事件的顺序 −在线演示 $(document).ready(function(){     $.fn.bindFirst = function(name, fn) {         this.on(name, fn);         this.each(function() {             var handlers = $._data(this, 'events')[name.split('.')[0]];             var handler = handlers.pop();       ... 阅读更多

使用 jQuery on() 方法绑定通过其他事件生成的元素上的 jQuery 事件。您可以尝试运行以下代码来学习如何使用 on() 方法绑定 jQuery 事件：示例在线演示 $(document).ready(function(){      $(document).on({        mouseenter: function (e) {          alert('mouse enter');        },        mouseleave: function (e) {          alert('mouse leave');       }           }, '.demo'); }); 标题 1 演示一 演示二 鼠标进入和离开将生成警报框。

要暂时抑制 jQuery 事件处理，请向您的元素添加一个类，以便您可以阻止进一步的代码执行。示例您可以尝试运行以下代码来学习如何抑制 jQuery 事件处理 −在线演示 $(document).ready(function(){     $(element).click(function(e) {         e.preventDefault();         // 检查已触发的类         if ($(this).hasClass('fired') == false) {           // 添加已触发的类           $(element).addClass('fired');           // 删除已触发的类           $(element).removeClass('fired');           }    }); }); .fired {     font-size: 25px;     color: green; } 这是一个标题 这是一个段落。 这是第二个段落。

使用 off() 方法覆盖 jQuery 事件处理程序。此方法用于删除事件处理程序。on() 方法用于附加一个或多个事件处理程序。示例您可以尝试运行以下代码来学习如何覆盖 jQuery 事件处理程序 −在线演示           jQuery off() 方法                              $(document).ready(function() {             function aClick() {                $("div").show().fadeOut("slow");             }                             $("#bind").click(function () {                $("#theone").on("click", aClick).text("Can Click!");             });                             $("#unbind").click(function () {                $("#theone").off("click", aClick).text("Does nothing...");             });                          });                             button {              margin:5px;          }          button#theone {              color:red;              background:yellow;          }                             什么也不做...       绑定点击       解绑点击                 点击!

自定义事件意味着您可以在 jQuery 中创建自己的事件。例如，创建一个自定义事件，以便在按下键盘上的任何键时触发警报框。示例您可以尝试运行以下代码来学习如何创建一个自定义事件，在线演示 $(document).ready(function(){    $('textarea').bind("enterKey",function(e){      alert("You have pressed Enter key!");    });    $('textarea').keyup(function(e){      if(e.keyCode == 13)      {         $(this).trigger("enterKey");      }    }); });  

要存储和重现 jQuery 事件，请使用控制台记录。示例您可以尝试运行以下代码来学习如何存储和重现 jQuery 事件：在线演示 $(document).ready(function(){     window.events = []     $("#track").click(function(event){        window.events.push(event)            $.each(window.events, function(i, item){           console.log(i, item);        });    }); }); 跟踪

一些 jQuery 事件不会冒泡，例如 mouseenter 不会冒泡。让我们看看此类事件的示例。示例您可以尝试运行以下代码来学习如何使用 jQuery 事件（不会冒泡），在线演示  $(document).ready(function(){     $("p").mouseenter(function(){       $("p").css("background-color", "red");     });     $("p").mouseleave(function(){       $("p").css("background-color", "blue");     });  }); 演示文本 - 将鼠标指针放在此处。

stopPropagation() 方法要阻止事件冒泡到父元素，请使用 stopPropagation() 方法。示例您可以尝试运行以下代码，学习如何使用 stopPropagation() 方法：在线演示         jQuery stopPropagation() 方法                              $(document).ready(function() {               $("div").click(function(event){                   alert("This is : " + $(this).text());                                       event.stopPropagation();               ... 阅读更多