找到 10435 篇文章,关于 Web 开发

如何防止 jQuery 事件冒泡到父元素?

Amit D
更新于 2020年2月14日 11:05:15

1K+ 次浏览

要防止 jQuery 事件冒泡到父元素,请使用 stopPropagation() 方法。stopPropagation() 方法阻止事件冒泡到父元素,防止任何父级处理程序收到事件通知。示例您可以尝试运行以下代码以防止 jQuery 事件冒泡到父元素:在线演示 jQuery stopPropagation() 方法 $(document).ready(function() { $("div").click(function(event){ alert("这是: " + $(this).text()); event.stopPropagation(); }); }); div { margin:20px; padding:20px; border:2px solid #666; width:160px; } 点击任意方框查看效果: 外层方框 内层方框

如何使用 jQuery 从另一个元素触发悬停事件?

Amit D
更新于 2019年7月30日 22:30:20

520 次浏览

使用 hover() 方法在选定元素上触发悬停事件,可以从另一个元素触发悬停事件。您可以尝试运行以下代码来学习如何使用 jQuery 从另一个元素触发悬停事件

如何在 jQuery 中阻止事件冒泡到父元素?

Amit D
更新于 2020年2月14日 11:04:20

231 次浏览

要阻止事件冒泡到父元素,请使用 stopPropagation() 方法。您可以尝试运行以下代码来学习如何阻止事件冒泡到父元素:示例在线演示 jQuery stopPropagation() 方法 $(document).ready(function() { $("div").click(function(event){ alert("这是: " + $(this).text()); event.stopPropagation(); }); }); div { margin:10px; padding:12px; border:2px solid #666; width:160px; } 点击任意方框查看效果: 外层方框 内层方框

如何防止浏览器执行 jQuery 中的默认操作?

Amit D
更新于 2020年2月14日 10:41:19

740 次浏览

要防止浏览器执行 jQuery 中的默认操作,请使用 preventDefault() 方法。preventDefault() 方法阻止浏览器执行默认操作。示例您可以使用 isDefaultPrevented() 方法来了解此方法是否曾经在此事件对象上调用过。在线演示 jQuery preventDefault() 方法 $(document).ready(function() { $("a").click(function(event){ event.preventDefault(); alert( "默认行为已禁用!" ); }); }); 点击以下链接,它将无效: GOOGLE Inc.

在使用 jQuery 的“click”事件时如何获取元素的属性?

Ricky Barnes
更新于 2020年2月14日 10:40:25

2K+ 次浏览

要获取元素的属性,请在 jQuery 中使用 attr() 方法。您可以尝试运行以下代码以使用“click”事件获取元素的属性:示例在线演示 $(document).ready(function(){ $("button").click(function(){ alert("图片宽度: " + $("img").attr("width")); }); }); 获取宽度

什么是 jQuery 中的事件方法?

Ricky Barnes
更新于 2020年2月14日 10:44:08

168 次浏览

常用的事件方法包括 $(document).ready()、click()、dblclick() 等。事件对象上可以调用一系列方法,以下是可以在事件对象上调用的某些方法,序号方法和说明1preventDefault() 阻止浏览器执行默认操作。2isDefaultPrevented() 返回在此事件对象上是否曾经调用过 event.preventDefault()。3isPropagationStopped() 返回在此事件对象上是否曾经调用过 event.stopPropagation()。4stopImmediatePropagation() 阻止执行其余的处理程序。让我们来看一个 stopPropagation() 方法的例子。stopPropagation() 方法阻止事件冒泡到父元素,防止任何父级处理程序收到事件通知…… 阅读更多

什么是 jQuery 中的事件属性?

Ricky Barnes
更新于 2019年12月11日 06:21:12

426 次浏览

jQuery 事件具有属性,例如对于 keyup 和 keydown 事件,如果按下了 Ctrl 键,则创建事件的时间戳等。以下是可用的某些事件属性/属性:序号属性和说明1altKey如果在触发事件时按下了 Alt 键,则设置为 true,否则为 false。在大多数 Mac 键盘上,Alt 键标记为 Option。2ctrlKey如果在触发事件时按下了 Ctrl 键,则设置为 true,否则为 false。3data如果绑定处理程序时使用了 bind() 命令的第二个参数,则为该值。4pageX对于鼠标事件,指定鼠标指针的水平坐标…… 阅读更多

什么是 jQuery 中的事件对象?

Ricky Barnes
更新于 2019年12月11日 06:32:29

308 次浏览

回调函数采用单个参数;当调用处理程序时,JavaScript 事件对象将通过它传递。事件对象通常是不必要的,并且参数被省略,因为当处理程序绑定时通常可以使用足够的上下文来准确地知道处理程序触发时需要做什么,但是有一些属性需要访问。让我们来看一个 isDefaultPrevented() 方法的例子。isDefaultPrevented() 方法检查在此事件对象上是否曾经调用过 event.preventDefault()。示例您可以尝试运行以下代码来学习如何使用…… 阅读更多

如何使用 jQuery 删除事件处理程序?

Ricky Barnes
更新于 2020年2月14日 10:37:08

996 次浏览

一旦事件处理程序建立,它将在页面生命周期的剩余时间内保持有效。当您需要移除事件处理程序时,jQuery 提供了 `unbind()` 命令来移除现有的事件处理程序。`unbind()` 的语法如下。参数说明如下:eventType − 一个包含 JavaScript 事件类型的字符串,例如 click 或 submit。有关事件类型的完整列表,请参阅下一节。handler − 如果提供,则标识要移除的特定监听器。示例您可以尝试运行以下代码来学习……阅读更多

如何使用 jQuery 检查事件目标的元素类型?

Ricky Barnes
更新于 2019-12-11 06:02:58

2K+ 次浏览

要检查事件目标的元素类型,可以使用 `is()` 方法。示例您可以尝试运行以下代码来检查元素类型:在线演示 $(document).ready(function(){    $( "ul" ).click(function( event ) {       var target = $( event.target );       if ( target.is( "li" ) ) {          alert("Element is 'li'")       }   }); }); 点击下方查看哪个元素 印度 美国 英国

广告