用户按下回车键的 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("可以点击！"); }); $("#unbind").click(function () { $("#theone").off("click", aClick).text("无效..."); }); }); button { margin:5px; } button#theone { color:red; background:yellow; } 无效... 绑定点击 解除绑定点击 点击！

自定义事件意味着您可以在 jQuery 中创建自己的事件。例如，创建一个自定义事件，以便在按下键盘上的任何键时触发警告框。示例您可以尝试运行以下代码来学习如何创建自定义事件，在线演示 $(document).ready(function(){ $('textarea').bind("enterKey",function(e){ alert("您已按下 Enter 键！"); }); $('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();                     ... 阅读更多