问题及效果：
什么是默认行为？
如：a 标签的点击跳转、submit按钮的点击提交、选中文本的拖拽搜索等等……
有时我只是需要a标签的样式并不希望有点击跳转的效果；
用户填写完表单时，表单内容也会在前台JS中进行验证，内容不合法，数据也不能提交；
因此，在某些时候，我们需要阻止标签元素的默认行为；
案例代码：
<body>
<a href="http://www.qq.com" id="tx">腾讯链接</a> <br>
<hr>
<form action="05-8-2.php" method="get">
用户名：<input type="text" name="names" value="" id="names"><br>
<input type="submit" value="提交" id="sub">
</form>
</body>
<script>
$('#tx').click(function(){
alert(1);
})
$('#sub').click(function(){
if($('#names').val()==''){
alert('用户名不能为空');
}
})
</script>
修改上述代码的JS部分，阻止元素默认行为
<script>
$('#tx').click(function(ev){
alert(1);
ev.preventDefault();
})
$('#sub').click(function(ev){
if($('#names').val()==''){
alert('用户名不能为空');
ev.preventDefault();
}
})
</script>
知识点：
event.preventDefault()
阻止默认事件行为的触发。
转载请注明原文地址: https://www.6miu.com/read-38874.html
