day17--18章节 jquery阻止事件的发生

1、jquery中使用return false来阻止事件的发生

以两个超链接为例:

html代码如下:

        <a onclick="return ClickOn();" href="http://www.baidu.com">百度</a>
        <a id="i1" href="http://www.baidu.com">百度2</a>

jquery代码如下:

(1)在onclick中加入return,而在给onclick绑定的事件中写入 return false,当点击百度的超链接时,不会跳转到百度页面;如果绑定的事件为 return true,点击百度的超链接,跳转到百度界面。

    <script src="jquery-1.12.4.js"></script>
    <script>
        function ClickOn(){
            alert(123);
            return false;
        }</script>

(2)使用选择器时,不需要再标签中加入 return,直接在js代码return false或return true即可

        $('#i1').click(function(){
            alert(456);
            return false;
        });

 

posted @ 2020-04-24 19:49  凸凸yolotheway  阅读(122)  评论(0编辑  收藏  举报