onmousedown鼠标事件,onmouseover事件
onMouseDown 代码什么意思?
onmousedown中的事件，表示当鼠标按下的时候触发。上面的意思，应该是鼠标按下时计算选择次数的，如果选择了，次数就增加1.
以下几个事件中代表鼠标滑到的事件是什么
onMouseOver事件中代表鼠标滑到的事件。鼠标事件是指用户操作鼠标时触发的事件，分为以下两类。鼠标点击事件，鼠标移动事件.鼠标的按下和松开事件分别是onmousedown和onmouseup事件。其中，onmousedown事件用于在按下鼠标时触发事件处理程序，onmouseup事件是在松开鼠标时触发事件处理程序。用鼠标单击对象时，可以用这两个事件实现动态效果。
鼠标的点击事件
body
? ? div class="one"/div
? ? script
? ? ? ? let one = document.querySelector('.one')
? ? ? ? // 点击事件
? ? ? ? one.onclick = function(){
? ? ? ? ? ? console.log('点击事件');
? ? ? ? }
? ? ? ? // 双击事件
? ? ? ? one.ondblclick = function(){
? ? ? ? ? ? console.log('双击事件');
? ? ? ? }
? ? ? ? // 鼠标右键点击事件
? ? ? ? one.oncontextmenu = function(){
? ? ? ? ? ? console.log('鼠标右键点击事件');
? ? ? ? }
? ? ? ? // 鼠标进入事件(onmouseenter比onmouseover先执行)
? ? ? ? one.onmouseenter = function(){
? ? ? ? ? ? console.log('鼠标进入事件');
? ? ? ? }
? ? ? ? // 鼠标离开事件(onmouseleave比onmouseout先执行)
? ? ? ? one.onmouseleave = function(){
? ? ? ? ? ? console.log('鼠标离开事件');
? ? ? ? }
? ? ? ? ?// 鼠标进入事件2
? ? ? ? ?one.onmouseover = function(){
? ? ? ? ? ? console.log('鼠标进入事件onmouseover');
? ? ? ? }
? ? ? ? // 鼠标离开事件2
? ? ? ? one.onmouseout = function(){
? ? ? ? ? ? console.log('鼠标离开事件onmouseout');
? ? ? ? }
? ? ? ? // 注意：如果元素里面存在子元素，鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout
? ? ? ? // 鼠标移动事(所有的事件方法，都有一个默认的参数：事件对象)
? ? ? ? one.onmousemove = function(){
? ? ? ? ? ? console.log('鼠标正在移动');
? ? ? ? }
? ? ? ? // 鼠标按下事件
? ? ? ? one.onmousedown = function(){
? ? ? ? ? ? console.log('鼠标按下');
? ? ? ? }
? ? ? ? // 鼠标弹起
? ? ? ? one.onmouseup = function(){
? ? ? ? ? ? console.log('鼠标弹起');
? ? ? ? }
? ? /script
/body
手机端单击和鼠标经过触发什么事件
一、鼠标事件
onmousedown事件，当鼠标左键按下时触发。 如：当鼠标元素boxq1上按下时，改变它的背景颜色。
varbox1 = document.getElementById("box1"); box1.onmousedown=function(){ box1.style.backgroundColor= 'green'; };
2. onmouseup事件，当鼠标左键抬起时触发。如：鼠标按下之前元素box1背景颜色为红色，当按下之后变为绿色，放开之后又变为红色。
varbox1 = document.getElementById("box1"); box1.onmousedown=function(){ box1.style.backgroundColor= 'green'; }; box1.onmouseup=function(){ box1.style.backgroundColor= 'red'; };
3. onmousemove事件，当鼠标在元素上移动时触发。如：鼠标在元素box1上移动时，控制台输出鼠标的位置。
box1.onmousemove =function(e){varx =e.pageX;vary =e.pageY; console.log('鼠标横坐标为：'+x+'******鼠标纵坐标为：'+y); };
4. onmouseenter事件，当鼠标进入元素的瞬间触发，仅在鼠标进入元素时触发。如：鼠标在进入元素box1时，元素背景颜色改为绿色。
它与onmousedown事件区别在于：后者是再按下的瞬间触发，而前者是在进入元素瞬间才触发，也就是说鼠标在元素边界上才触发。
varbox1 = document.getElementById("box1"); box1.onmouseenter=function(){ box1.style.backgroundColor= 'green'; };
5. onmouseleave事件，当鼠标移出元素的瞬间触发，仅在鼠标移出元素时触发，发生在元素边界。如：鼠标在进入元素box1时，背景颜色改为绿色，移出元素后又变为红色。
varbox1 = document.getElementById("box1"); box1.onmouseenter=function(){ box1.style.backgroundColor= 'green'; }; box1.onmouseleave=function(){ box1.style.backgroundColor= 'red'; };
6. onmouseover事件，当鼠标在元素之上的时候触发，只要鼠标留在元素之上就会触发，仅触发一次，不管鼠标是否移动，这是它和onmousemove的区别。如：鼠标在元素box1上时一直在控制台输入数字一。
box1.onmouseover =function(){ console.log(newDate()); };
7. onmouseout事件，当鼠标离开目标元素是触发，效果和原理与mouseleave没有什么区别，只是在Firefox下没有onmouseenter和onmouseleave，只能使用onmouseover和onmouseout；而在IE中便可使用onmouseennter和onmouseleave来代替前两个。
二、手机触摸事件
1. ontouchstart事件，触摸开始事件，当手机屏幕被触摸的瞬间触发。如：当触摸手机的瞬间输出当前触摸的位置坐标。
varbox1 = document.getElementById("box1"); box1.ontouchstart=function(e){vartouch = e.touches[0];varx =Number(touch.clientX);vary =Number(touch.clientY); console.log("当前触摸点的横坐标"+x+"*****当前触摸点的纵坐标"+y); };
2. ontouchmove事件，触摸的整个过程触发，当手指在屏幕上移动的时候触发。如：当手指在屏幕上移动的时候获取当前触摸位置。
varbox1 = document.getElementById("box1"); box1.ontouchmove=function(e){vartouch = e.touches[0];varx =Number(touch.clientX);vary =Number(touch.clientY); console.log("当前触摸点的横坐标"+x+"*****当前触摸点的纵坐标"+y); };
3. ontouchend事件，触摸结束的瞬间触发，即当手指离开屏幕时触发。如：当手指离开屏幕时，改变元素的背景颜色。
varbox1 = document.getElementById("box1"); box1.ontouchstart=function(e){vartouch = e.touches[0]; box1.style.backgroundColor= 'green'; };
4. ontouchcancel事件，触摸过程被系统取消时触发，当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操作。
鼠标事件
1.mousewheel鼠标滚轮事件
**获取当前滚轮的值 **
如果 值 小于 0 滚轮 往下滑
如果 值 大于0 滚轮 往上滑
1. onclick 单击事件
2.ondblclick 双击事件
当给 同一个格子 同时绑定双击和点击事件时
会触发 双击事件 必定会触发两次单击事件
ondblclick = function (){
3.oncontextmenu 鼠标右键
鼠标右键 是一个有默认功能的事件 它可以打开右键菜单
4.鼠标释放事件 onmouseup
鼠标按下不会触发 松开的时候 才会触发
5.鼠标按下事件 onmousedown
1.鼠标移入事件 一共有两种
第一种就是obmouseover 和 onmouseout
（1）鼠标移入 onmouseover
（2）鼠标移出 onmouseout
给父级绑定了事件 子级没有绑定事件
但是 当鼠标移入子级的时候 会触发 父级的事件
这种情况叫做事件冒泡
第二种 鼠标移出事件 onmouseenter 和 onmouseleave
1.鼠标移入 onmouseenter
2.鼠标移出 onmouseleave
鼠标移入移出 有两种写法
共同点： 就是鼠标移入移出的方法、、
不同的：
第一种 onmouseover 和 onmouseout 会触发事件冒泡
第二种 onmouseenter 和 onmouseleave 不会触发事件冒泡
3.鼠标移动事件 onmousemove
box.onmousemove = function (){
consoloe.log('鼠标移动事件')
}
鼠标的坐标 在 鼠标事件的 事件对象中保存
所以我们要获取 鼠标坐标 一般都是通过事件对象 event 获取
所有的鼠标事件 都可以 通过 事件对象来获取 鼠标坐标
但是 通常 我们都是在 鼠标移动事件中获取 和 使用 鼠标坐标