js-原生js触发器使用

Posted 2022-05-07 jkr666666

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js-原生js触发器使用相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" >
$(function()
    $("#open").click(function()
    // $("#upload").trigger("click");
        var myEvent = new Event(‘click‘);
        var e = document.createEvent("MouseEvents");
        e.initEvent("click", true, true);　　　　　　　　　　　　　　//这里的click可以换成你想触发的行为
        document.getElementById(‘upload‘).dispatchEvent(e);
    );
);
</script>
</head>
<body>
<button id="open">Hello RunJS!</button>
<input type="file" id="upload" style="display:none;">
</body>
</html>

以上是关于js-原生js触发器使用的主要内容，如果未能解决你的问题，请参考以下文章

原生js实现点击目标区域外侧触发事件

2、react使用原生js模拟长按操作

原生js触碰到底部触发函数；

原生JS如何利用冒泡减少事件的触发，只代理

js原生模拟点击事件