html中的点击事件
作者:互联网
使用点击事件写一个计数器。
onmouseup : 当鼠标按下,松开的时候触发事件。 onmousedown: 当鼠标按下的时候触发事件。
onMouseOver: 鼠标经过时触发 onMouseOut: 鼠标移出时触发 onMouseMove: 鼠标移动时触发,这个只要在对应的地方移动就会触发
onclick: 鼠标点击时触发,包含按下与松开两个动作。
通过以下实例来观察onmouseup与onmousedown;up时鼠标按下不会变化,松开的时候触发,而down刚好相反。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>testtitle>head><body> <div> <label for="i1">自增计数 label> <input type="text" value="1" id="i1" > <input type="button" value="开始" class="c1" onmouseup="startcount()"> div>body><script type="text/javascript"> var i = 1; var el1 = document.getElementById("i1"); function startcount() { i ++ ; el1.value = i; }script>html>
View Code
标签:触发,鼠标,点击,当鼠标,按下,html,事件,松开 来源: https://blog.51cto.com/lovejxs/2726658