问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

html中阻止默认事件

头像
万事如意
    47245176

    图片描述

    <!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <a href="http://www.qq.com" onclick = "return f1()">腾讯</a>
    <script type="text/javascript">
        
        //定义f1函数
        function f1(){
            console.log( '腾讯被点击了');
            return false;
        }
    
    </script>
</body>
</html>
    javascript
    阅读 7.9k
    5 个回答
    得票最新
    头像
    xiaojunjor
      2881414
      ✓ 已被采纳

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

      头像
      luckness
        6.2k2216

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

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

        头像
        daxiongz
          19511323
          浏览器会对页面元素的某些元素产生默认行为。
比如一个 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... 。
          望共同进步，共勉之~

          头像
          肖生克的九叔_
            67126
            <a href="http://www.baidu.com" onclick="myFun(event)">123</a>



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

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

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

            头像
            iebu三毛钱
              6252549
              onclick属性的值是js代码，return f1()，如果f1()返回false的话，return f1()就代表return false。当然，这个return是有点多余，但是语法也没错。只要语法没错，实现了就行。
              撰写回答
              你尚未登录，登录后可以
              • 和开发者交流问题的细节
              • 关注并接收问题和回答的更新提醒
              • 参与内容的编辑和改进，让解决方法与时俱进
              推荐问题