<jQuery> <方法> 十八. 移除事件, 觸發事件, 事件對象(阻止冒泡, 阻止跳轉)
阿新 • • 發佈:2018-01-13
value func bsp 方法 function 事件 opp put baidu
<!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> <方法> 十八. 移除事件, 觸發事件, 事件對象(阻止冒泡, 阻止跳轉)