美文网首页
2021-04-28 模拟点击事件

2021-04-28 模拟点击事件

作者: 阿秉秉一直在努力 | 来源:发表于2021-04-28 09:39 被阅读0次

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</head>

<body>

    <div id="app">

        <button id="hello" @click="clickHandleHello">Hello</button>

        <button id="world" @click="clickHandleWorld">World</button>

    </div>

    <script>

        var app = new Vue({

            el: '#app',

            methods: {

                clickHandleHello: function() {

                    alert("hello clicked")

                    setTimeout(function() {

                        debugger

                        var e = document.createEvent('MouseEvents')

                        e.initEvent('click', true, true)

                        document.getElementById('world').dispatchEvent(e)

                    }, 2000)

                },

                clickHandleWorld: function () {

                    alert("world clicked")

                }

            }

        })

    </script>

</body>

</html>

相关文章

网友评论

      本文标题:2021-04-28 模拟点击事件

      本文链接:https://www.haomeiwen.com/subject/lpomrltx.html