找到 10435 篇文章,关于网页开发

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

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

1K+ 次浏览

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

如何使用 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;               }                                 点击任意方框查看效果:                          OUTER BOX                           INNER BOX                          

如何防止浏览器执行 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()` 等。事件对象上可以调用一系列方法,以下是一些可以在事件对象上调用的方法:序号方法和说明1`preventDefault()`   阻止浏览器执行默认操作。2`isDefaultPrevented()`   返回在此事件对象上是否曾经调用过 `event.preventDefault()`。3`isPropagationStopped()`   返回在此事件对象上是否曾经调用过 `event.stopPropagation()`。4`stopImmediatePropagation()`   停止执行其余处理程序。让我们来看一个 `stopPropagation()` 方法的示例。`stopPropagation()` 方法会停止事件向父元素的冒泡,防止任何父级处理程序收到事件通知…… 阅读更多

jQuery 中的事件属性是什么?

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

426 次浏览

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

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'")       }   }); }); 点击下方查看哪个元素 印度 美国 英国

广告