找到 8590 篇文章,关于前端技术
15K+ 次浏览
要使用 jQuery Datepicker onchange(),请使用 datepicker 的 onSelect 事件。这将显示我们当前添加和更改的日期。示例您可以尝试运行以下代码来学习如何使用 jQuery Datepicker onchange:在线演示 $( function() { $(".date").datepicker({ onSelect: function(dateText) { display("Selected date: " + dateText + ", Current Selected Value= " + this.value); $(this).change(); } }).on("change", function() { display("Change event"); }); function display(msg) { $("").html(msg).appendTo(document.body); } }); 日期
223 次浏览
事件是 Web 应用程序可以检测到的操作。当这些事件触发时,您可以使用自定义函数来对事件进行几乎任何操作。这些自定义函数称为事件处理程序。示例让我们来看一个 bind() jQuery 事件的示例。使用 jQuery 事件模型,我们可以使用 bind() 方法在 DOM 元素上建立事件处理程序,如下所示:在线演示 jQuery bind() $(document).ready(function() { $('div').bind('click', ... 阅读更多
364 次浏览
要使用 jQuery 处理 HTML5 媒体事件,请使用 click() 方法。示例您可以尝试运行以下代码来学习如何处理 HTML5 媒体事件,例如播放歌曲:在线演示 $(document).ready(function(){ var x = $(".myPlayer").length; // 计数总音频播放器 var z = 0; // 从第一个音频播放器开始 $("#play-bt").click(function(){ $(".myPlayer")[z].play(); $(".message").text("音乐开始"); }) $("#stop-bt").click(function(){ $(".myPlayer")[z].pause(); $(".myPlayer")[z].currentTime = 0; $(".message").text("音乐停止"); }) }); 播放音乐 停止音乐
194 次浏览
event.namespace 属性用于在触发事件时返回自定义命名空间。示例您可以尝试运行以下代码来学习命名空间的工作原理以及如何创建和删除命名空间:在线演示 $(document).ready(function(){ $("p").on("custom.myNamespace",function(event){ alert(event.namespace); }); $("p").click(function(event){ $(this).trigger("custom.myNamespace"); }); $("button").click(function(){ $("p").off("custom.myNamespace"); }); }); 点击我 点击上面以生成警报框。点击下面的按钮删除命名空间,这将不会生成警报框。点击此按钮删除命名空间。
823 次浏览
用户按下 Enter 键的 jQuery 事件是 keyup 和 keyCode。您可以尝试运行以下代码,在文本框中按下 Enter 键时触发事件,示例在线演示 $(document).ready(function(){ $('input').bind("enterKey",function(e){ alert("按下 Enter 键"); }); $('input').keyup(function(e){ if(e.keyCode == 13) { $(this).trigger("enterKey"); } }); }); 在上面的输入文本中按 Enter 键。
393 次浏览
jQuery 还提供了一组事件辅助方法,可以用来触发事件或绑定上面提到的任何事件类型。触发方法以下是一个触发所有段落 blur 事件的示例:$("p").blur();绑定方法以下是一个在所有 - $("div").click( function () { // 在这里执行某些操作 });以下是一些 jQuery 事件辅助方法:序号方法和描述1.blur()触发每个匹配元素的 blur 事件。2.blur( fn )将函数绑定到每个匹配元素的 blur 事件。3.click( )触发每个匹配元素的 click 事件。... 阅读更多
837 次浏览
jQuery 事件处理程序始终按绑定顺序执行。使用 jQuery,您还可以更改顺序。让我们看看如何操作,例如,fromdemo(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(); ... 阅读更多
180 次浏览
使用 jQuery on() 方法在通过其他事件生成的元素上绑定 jQuery 事件。您可以尝试运行以下代码来学习如何使用 on() 方法绑定 jQuery 事件:示例在线演示 $(document).ready(function(){ $(document).on({ mouseenter: function (e) { alert('鼠标进入'); }, mouseleave: function (e) { alert('鼠标离开'); } }, '.demo'); }); 标题 1 演示一 演示二 鼠标进入和离开将生成警报框。
593 次浏览
要临时抑制 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; } 这是一个标题 这是一个段落。这是第二个段落。