Question

怎么用js实现鼠标事件:点击鼠标显示A,但鼠标移开就不显示了A？

Answer 1

<a href="javascript:;" id="clickme" onclick="show();">点我</a>
<div id="showDiv" style="width:200px;height:200px;display:none;">
显示我
</div>
<script type="text/javascript">
function show(){
var clickElem = document.getElementById("clickme");
var showElem = document.getElementById("showDiv");
showElem.style.display = "block";
clickElem.onmouseleave = function() {
showElem.style.display = "none";
}
}
</script>

Answer 2

<span id="A">A</span>
<script>
var a = document.getElementById('A');
document.onmousedown = function () {
  a.style.display = 'none'
}
document.onmouseup = function () {
  a.style.display = ''
}
</script>

Answer 3

hover

onmouseover

onmouseout