在前学习了怎么样使用函数表达式来作为jQuery的函数参数,以便响应各种各样的事情处理。现在来学习一个event.preventDefault()方法,这个方法的作用,就是阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
下面来通过代码来测试一下,代码如下:
如果不使用preventDefault(),点击链接之后会继续访问jquery.com网站,如果添加了这个方法preventDefault(),就不会再打开超级连接的网站。
比特币源码入门教程
https://edu.csdn.net/course/detail/6998
深入浅出Matplotlib
深入浅出Numpy
下面来通过代码来测试一下,代码如下:
<html>
<head>
<meta charset="utf-8">
<title>
使用事件的例子
</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script type="text/JavaScript" src="jquery/jquery-3.3.1.js"></script>
<script type="text/JavaScript">
$(document).ready( function(){
$( "a" ).click(function( event ) {
alert( "Thanks for visiting!" );
event.preventDefault();
});
});
</script>
</body>
</html>
如果不使用preventDefault(),点击链接之后会继续访问jquery.com网站,如果添加了这个方法preventDefault(),就不会再打开超级连接的网站。
运行结果如下: