缘由:我需要在一个带链接的a标签上添加一个单击响应事件,但是它已经绑定了一个响应事件且不可去掉。如下:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
<a target="_blank" href="http://www.baidu.com" onclick="return tree(72)">hahhahahhashibushisha</a>
</body>
<script>
function tree(num){
if (num > 2) {
return true;
}else{
return false;
}
}
</script>
</html>
由于这里需要tree的返回值来决定是否前面的链接是否跳转。所以在这里把
οnclick=”return tree(72)”
拿出来 跟你所要添加的函数融合成一个函数 绑定在onclick事件上是行不通的。此时的做法是:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
<a target="_blank" href="http://www.baidu.com" onclick="test();test2();return tree(72)">hahhahahhashibushisha</a>
</body>
<script>
function test() {
alert("触发了第一个事件");
}
function test2() {
alert("触发了第二个事件");
}
function tree(num){
if (num > 2) {
return true;
}else{
return false;
}
}
</script>
</html>
以这种形式才能正确的达到要求。再多个函数要被调用同理。
当然还有其他方法可以达到执行多个事件的效果,但在我的需求下选用这种比较合适。
使用这种方式的根本原因:
主要是最后要接一个return true或者return false,来决定页面是否跳转。
而我前面的函数要求是在为true时才需要的
- 才疏学浅,有不妥之处还望斧正
- 记录以学习之