标签：2.4 事件绑定 绑定 turn 程序 htm ldb html 执行
1. <a> a标签默认绑定了一个onclick事件，当自己再写一个onclick事件的时候，默认自己写的那个优先执行。
如下程序，先执行（123），然后再发生跳转。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a onclick=‘ClickOn()‘ href="http://www.oldboyedu.com">走你</a>
<script>
function ClickOn(){
alert(123);
}
</script>
</body>
</html>
2.如果只想让它执行第一步onclick的时候，可以return 一个false回来。
先在此处 onclick=‘return ClickOn()‘ 加上return， 再加上return false
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a onclick=‘return ClickOn()‘ href="http://www.oldboyedu.com">走你</a>
<script>
function ClickOn(){
alert(123);
return false;
}
</script>
</body>
</html>
效果，只会弹出123，但不会发生跳转。
3. jquery的绑定方式如下：默认先弹出456，再发生跳转。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a onclick=‘return ClickOn()‘ href="http://www.oldboyedu.com">走你1</a>
<a id=‘i1‘ href="http://www.oldboyedu.com">走你2</a>
<script src="jquery-1.12.4.js"></script>
<script>
function ClickOn(){
alert(123);
return false;
}
$(‘#i1‘).click(function(){
alert(456);
})
</script>
</body>
</html>
阻止后续事件的发生，加上只需要加上return false就可以了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a onclick=‘return ClickOn()‘ href="http://www.oldboyedu.com">走你1</a>
<a id=‘i1‘ href="http://www.oldboyedu.com">走你2</a>
<script src="jquery-1.12.4.js"></script>
<script>
function ClickOn(){
alert(123);
return false;
}
$(‘#i1‘).click(function(){
alert(456);
return false;
})
</script>
</body>
</html>
标签：2.4 事件绑定 绑定 turn 程序 htm ldb html 执行
原文地址：http://www.cnblogs.com/momo8238/p/7469834.html
