input 的onchange事件手动触发

最新推荐文章于 2024-06-23 00:55:54 发布

海涛高软

最新推荐文章于 2024-06-23 00:55:54 发布

阅读量971

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_15267341/article/details/134416005

版权

input值发生改变后，需要按下回车，才会触发onchange事件，否则onchange不会被触发

<body>
    <input id="shuru" type="text" value="#e66465" onchange="bian()" />
    <script>

        function bian() {
            console.log("bian ~~~");
            console.log(document.getElementById("shuru").value);
        }

        document.onmousedown = function (e) {
            console.log("on mouse down");
            document.getElementById("shuru").value = "hunkxu";


            const e2 = new Event("change");
            const element = document.querySelector("#shuru");
            element.dispatchEvent(e2);
        }
    </script>
</body>