<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>simulate event</title>
</head>
<body>
<button id="test-btn">test simulate event</button>
<script type="text/javascript">
/**
event.initMouseEvent(
type,
canBubble,
cancelable,
view,
detail,
screenX, screenY, clientX, clientY,
ctrlKey, altKey, shiftKey, metaKey,
button, // which button of mouse down
relatedTarget
);
*/
var btn = document.querySelector("#test-btn");
// 先要注册,然后触发,否则不行。
btn.addEventListener("click", function(e) {
console.log("simulate event");
}, false);
var event = document.createEvent("MouseEvents");
event.initMouseEvent(
"click",
true,
true,
document.defaultView,
0,
0, 0, 0, 0
false, false, false, false,
0,
null
);
btn.dispatchEvent(event);
</script>
</body>
</html>
参考:
- JavaScript模拟鼠标事件:MouseEvent.initMouseEvent()
欢迎补充指正!