onclick绑定多事件 | 易学教程

缘由：我需要在一个带链接的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时才需要的

才疏学浅，有不妥之处还望斧正
记录以学习之

来源：CSDN

作者：hexas

链接：https://blog.csdn.net/qq_38175671/article/details/79208774

标签

onclick

return