timg.jpg
未点击时的效果！
如下：
image.png
onclick：鼠标单击箭头触发。
<script>
var ps = document.getElementById("ps");
ps.onclick = function () {
console.log(123)
alert('Lee');
}
</script>
单击箭头触发效果！
单击触发效果如下：
image.png
ondblclick鼠标双击时触发
var ps = document.getElementById("ps");
ps.ondblclick=function(){
console.log(123)
}
双击箭头触发效果！
双击触发效果！
如下：
image.png
onmousedown鼠标未弹起时触发
var ps = document.getElementById("ps");
ps.onmousedown=function(){
console.log(123)
}
鼠标点击为弹起时：
如下：
image.png
onmouseup 鼠标按钮时触发。
var ps = document.getElementById("ps");
ps.onmouseup=function(){
console.log(123)
}
鼠标按钮时触发效果:
如下：
image.png
onmouseover鼠标在元素上移动时触发效果
var ps = document.getElementById("ps");
ps.onmouseover = function () {
console.log(123)
}
移动触发效果：
如下：
image.png
onmouseout鼠标在元素上移动时触发效果。
var ps = document.getElementById("ps");
ps.onmouseout = function () {
console.log(123)
}
移动效果:
如下：
image.png
onmousemove 鼠标在元素上移动时会一直触发。
var ps = document.getElementById("ps");
ps.onmousemove = function () {
console.log(123)
}
鼠标移动一直触发效果!
如下：
image.png
