自動觸發事件
阿新 • • 發佈:2022-04-18
自動觸發事件trigger()
有些事件希望自動觸發,比如輪播圖自動播放功能跟點選右側按鈕一致。可以利用定時器自動希觸發右側按鈕點選事件,不必滑鼠點選觸發。
程式碼示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>04-自動觸發事件</title> <style type="text/css"> div { background-color: pink; width: 100px; height: 100px; } </style> <script src="/js檔案/jQuery.mini.js"></script> <script type="text/javascript"> $(function () { $("div").on("click", function () { alert(142) }) //自動觸發事件 //1.元素.事件() // $("div").click()會觸發元素的預設行為 //2.元素.trigger() // $("div").trigger("click");//會觸發元素的預設行為 $("input").trigger("focus"); //3.元素.triggerHandler("事件") 不會觸發元素的預設行為 $("div").triggerHandler("click"); $("input").on("focus",function () { $(this).val("你好嗎") }) // $("input").triggerHandler("focus"); }) </script> </head> <body> <div></div> <input type="text" /> </body> </html>