javascript - html中阻止默认事件

Question

雷雷

Answer 1

onclick是个函数，不return就是没有返回值，怎么阻止默认事件？跟你f1是否return没有关系

Answer 2

能不能阻止默认行为是看onclick函数的返回值，有return的时候，返回f1的返回值false。

不写return的onlick处理函数如下，此时的返回值因为没有return语句，所以默认返回undefined

Answer 3

浏览器会对页面元素的某些元素产生默认行为。
比如一个 a 链接点击之后，会自动跳转至对应 href 地址网页去；
又如一个表单，当你点击 提交 按钮之后，默认会将数据发送至 form 的 action 地址去。


这些都是浏览器的处理页面元素的默认行为，当 onlick = "return false" 时，会禁止掉这种浏览器的默认行为。
故而你的这段代码并不会跳转至 腾讯首页 去。

<a href="http://www.qq.com" onclick = "return f1()">腾讯</a>

    function f1(){
        console.log( '腾讯被点击了');
        return false;
    }

另外，你应该善用搜索引擎，百度一下，第一条就可以解决掉你的困惑，地址如下：
https://zhidao.baidu.com/ques... 。
望共同进步，共勉之~

Answer 4

<a href="http://www.baidu.com" onclick="myFun(event)">123</a>



function myFun(e) {
    e.preventDefault();
    console.log(12313123)
}

这样岂不是更简单。。。。用e.preventDefault();来阻止

还有，既然要阻止，干嘛还要在页面上写上链接。。。

Answer 5

雷雷