js如何判断光标是否在某元素上

JavaScript022

js如何判断光标是否在某元素上,第1张

判断光标是否在某元素上可以在window监听onmouseenter(onmouseleave)或者onmouseover(onmouseout)给某变量赋值1(赋值0),那么变量为1则在元素上(0则不在元素上)

window.onmouseover = function () { isOn = 1}

window.onmouseout = function () { isOn = 0}

window中mouse相关事件补充:

onmousedown鼠标按钮被按下 (和onmouseup组成了单击事件);

onmouseenter当鼠标指针移动到元素上时触发 (只在进入后触发一次,不支持冒泡,子元素不触发)

onmouseleave 当鼠标指针移出元素时触发 (只在离开后触发一次,支持冒泡,子元素也可以触发);

onmousemove鼠标被移动 (在元素内移动会一直触发);

onmouseover鼠标移到某元素之上 (只在进入后触发一次,支持冒泡,子元素也可以触发)

onmouseout鼠标从某元素移开 (只在离开后触发一次,支持冒泡,子元素也可以触发);

onmouseup鼠标按键被松开

1.arr.indexOf(搜索元素,开始位置):

元素在数组中的位置,如果没搜索到则返回 -1

2.arr.includes(搜索元素):

如果是返回 true,否则false

3.filter() 方法:返回符合条件的元素组成的数组

4.array.find():返回找出第一个符合条件的数组元素

5.array.findIndex():返回第一个符合条件的数组元素的位置,

如果所有元素都不符合条件,则返回-1

6.传统for()循环

7.for...of

8.forEach

9.some():用于检测数组中的元素是否满足指定条件(函数提供)

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。

如果没有满足条件的元素,则返回false。

10.every:用于检测数组中的元素是否满足指定条件(函数提供)

如果都满足条件,则表达式返回true ,

如果有一个不满足,则返回false。