码迷,mamicode.com
首页 > Web开发 > 详细

<jQuery> <方法> 十八. 移除事件, 触发事件, 事件对象(阻止冒泡, 阻止跳转)

时间:2018-01-13 13:01:19      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:rip   div   value   方法   lin   har   ack   html   www.   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>RayLee</p>
<p>RayLee</p>
<p>RayLee</p>
<input type="button" value="触发" id="btn">
<input type="button" value="事件对象" id="btn1">
<a href="http://www.baidu.com" id="link">跳转</a>

<script src="jquery-3.2.1.js"></script>
<script>
    $(function () {
        // 注册事件
        $("p").on("click", function () {
            alert("hehe");
        });

        // 移除所有事件
        // $("p").off();

        // 触发事件
        // $("#btn").click(function () {
        //     $("p").click();
        //     $("p").trigger("click");
        // })

        // 事件对象, e就是事件对象
        $("#btn1").on("click", function (e) {
            console.log(e);
        });

        // 阻止冒泡和阻止浏览器的默认行为
        $("#link").on("click", function (e) {
            alert("aaa");
            // 阻止跳转
            e.preventDefault();
            // 阻止冒泡
            e.stopPropagation();
        })

        $("#link").on("click", function (e) {
            alert("bbb");
        });
    });
</script>
</body>
</html>

 

<jQuery> <方法> 十八. 移除事件, 触发事件, 事件对象(阻止冒泡, 阻止跳转)

标签:rip   div   value   方法   lin   har   ack   html   www.   

原文地址:https://www.cnblogs.com/ZeroHour/p/8278633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!