本文主要是介绍HTML DOM Event对象中onmousedown与模拟鼠标事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
刚开始疑惑已经有了onmousedown等事件，为什么还要大费周章的模拟鼠标事件呢。
因为它们的触发是不同的，前者是人为触发的，用户出发的；后者是写js代码来触发的，用户不用操作鼠标就能触发鼠标事件。
<img src="/i/example_mouse2.jpg"
οnmοusedοwn="alert('You clicked the picture!')" />//<pre name="code" class="html">这个是要人为触发的。<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){$("input").keydown(function(){$("input").css("background-color","lightblue");});$("input").keyup(function(){$("input").css("background-color","lavender");});$("#btn1").click(function(){$("input").keydown();}); $("#btn2").click(function(){$("input").keyup();//这个是可以触发keydown事件的，就是通过js来实现的});
});
</script>
</head>
<body><input type="text">
<p><button id="btn1">Trigger keydown event for input field</button></p>
<p><button id="btn2">Trigger keyup event for input field</button></p></body>
</html>
这篇关于HTML DOM Event对象中onmousedown与模拟鼠标事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
