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