默认行为是什么?
比如说 我a标签 我只想跳转页面 这就是我的默认事件,再比如说 input标签的 submit 它的默认事件就是提交 【这里说的都是 单击触发它的默认事件】
在JS中你可以用 onclck时 返回false取消他的默认事件
但 JQ就比较牛逼了 他onclck返回false的时候 不仅能取消他的默认事件 也可以阻止它的冒泡事件机制。
下面给个例子:
注意啊 ! 只能获取到他的节点后 设置他的 onclick才能生效啊 你onclick直接写在标签哪里是不起作用的!!!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BiHu Study JS</title>
<style type="text/css">
#student_id{
color: red;
}
#study_id{
color: green;
}
</style>
</head>
<body>
<!--onclck中返回false 直接取消跳转百度. 如果返回true就不一样了 一样跳转!-->
<a href="https://www.baidu.com/">百度一下</a> <!--普普通通单击直接跳转到百度-->
<br>
<br>
<br>
<a href="https://www.baidu.com/">百度一下</a> <!--onclick中返回false 直接取消跳转百度. 如果返回true就不一样了 一样跳转!-->
<a></a>
</body>
<script type="text/javascript">
var ele = document.getElementsByTagName('a')[1]; //获取到最后一个a的节点了啊
ele.onclick = function (){ //把他的onclick安排的明明白白的
return false;
}
</script>
</html>
作者:咸瑜