event.preventDefault()用于阻止默认操作，以下两个例子的效果是一样的。
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>
<script>
$( "a" ).click(function( event ) {
event.preventDefault();
$( "<div>" )
.append( "default " + event.type + " prevented" )
.appendTo( "#log" );
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>
<script>
$( "a" ).click(function( event ) {
$( "<div>" )
.append( "default " + event.type + " prevented" )
.appendTo( "#log" );
return false;
});
</script>
</body>
</html>
分享到：
相关推荐
### JavaScript中的`preventDefault`与`stopPropagation` #### 一、`preventDefault`详解 `preventDefault`方法在JavaScript中主要用于阻止元素的默认行为。在Web开发中，很多HTML元素都具有默认的行为，例如，`...
为了确保跨浏览器的兼容性，建议总是检查浏览器对`e.preventDefault()`方法的支持情况，或者使用兼容性替代方案，比如`return false`语句，它同时阻止了事件的默认行为和事件的进一步传播（冒泡）。 下面详细介绍`e...
在大部分现代浏览器中，我们可以使用`event.preventDefault()`方法来实现这一功能，然而，对于古老的Internet Explorer（IE）浏览器，情况就有所不同了。本文将详细讲解在IE浏览器中如何阻止右键点击的默认行为以及`...
首先讲解一下js中preventDefault和stopPropagation两个方法的区别：preventDefault方法的起什么作用呢？我们知道比如百度,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的...
在Flex编程中，`event.preventDefault()`方法是一个非常关键的事件处理机制，用于阻止事件的默认行为。这个方法常被用于监听和响应用户交互时，控制应用程序的行为。在给定的例子中，我们看到它被应用于一个名为`...
包装事件处理程序，以便在可用时为您提供e.preventDefault（）。 （即直接调用也可以） var prevDflt = require ( "wrap-prevent-default" ) ; var handler = prevDflt ( function ( event ) { console . log ( "I...
` 和 `e.preventDefault();` 都被用来取消默认行为，但它们之间存在一些微妙的区别。这两种方法通常在处理DOM事件，如点击（click）事件时使用，以防止浏览器执行与事件关联的默认操作。 首先，让我们来看看它们的...
使用 fastClick 时出现连续快速点击出现下面报错：原因为 fastClick 每次 touchstart 时都调用了 preventDefault，ch
本文实例讲述了jquery事件preventDefault()方法用法。分享给大家供大家参考。具体实现方法如下： 代码如下:<html> <head> <title>jquery事件：preventDefault()方法的使用</title> ...
如果按下的是回车键（键码13），则通过`event.preventDefault()`阻止其默认行为，即防止在`div`内创建新行。然后，`this.innerHTML += '你好我好大家好'`会将“你好我好大家好”添加到当前`div`的末尾。 在实际应用...
在JavaScript开发过程中，`preventDefault()` 是一个非常关键的方法，它用于取消事件的默认行为。在标题和描述中提到的情况，特别是在处理`<a>`标签作为按钮时，使用`preventDefault()`显得尤为重要，尤其是在老旧的...
在Android开发中，内存管理是至关重要的，尤其是处理大图片时，可能会引发内存溢出（Out Of Memory，简称OOM）问题。这是因为Android设备为每个应用分配的内存是有限的，而大图片会占用大量内存，当应用试图加载过多...
本文将详细介绍如何使用JavaScript阻止`<a>`标签的默认事件，特别是通过`event.preventDefault()`方法。 `event.preventDefault()`是JavaScript事件处理函数中一个关键的成员，它用于取消事件的默认行为。例如，当...
在`touchStart`事件的处理函数中调用`event.preventDefault()`可以阻止默认的行为，即防止`click`事件的延迟触发。例如，在Vue.js中，我们可以在模板中使用事件修饰符`@touchstart.stop.prevent`来简化代码。这样，...
event.preventDefault(); // 阻止默认行为 console.log('鼠标点击事件被屏蔽了'); }, {capture: true}); // 使用捕获阶段阻止事件 ``` 同样，对于键盘事件，我们可以监听`keydown`、`keyup`或`keypress`事件，...