自动触发事件

自动触发事件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>

 

posted @ 2022-04-18 14:01  今天穿秋裤了吗  阅读(140)  评论(0)    收藏  举报