![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript
弩哥++
这个作者很懒,什么都没留下…
展开
-
获取鼠标相对于浏览器窗口坐标
<!DOCTYPE html><html><head> <style> div { position: fixed; top: 10px; left: 10px; padding: 10px; back...原创 2023-08-16 17:23:00 · 162 阅读 · 0 评论 -
全选文本框示例
一、实现效果点击全选按钮/取消全选,控制商品的全选或取消每个商品的复选框都选中后,自动勾上全选按钮,或者商品任何一个复选框没有选中,取消全选二、思路就是由大的全选按钮,控制所有的复选框小的复选框控制大的全选按钮三、js中小的复选框控制大的全选框,用到了一个css伪类选择器input:checked举个例子<!DOCTYPE html><html...原创 2023-08-17 17:27:00 · 100 阅读 · 0 评论 -
事件流的2个阶段
第一个阶段:由父到子(捕获)第二个阶段:由子到父(冒泡)绑定事件/注册事件事件源.addEventListener(事件类型,事件函数,是否使用捕获)其中第三个参数默认为false,不使用捕获,实际工作也多使用冒泡,如事件委托L0的事件是没有捕获阶段的,如事件源.onclick=事件函数如果要使用捕获,就需要更改第三个参数为true事件捕获示例<!DOCTYPE ht...原创 2023-08-17 17:55:00 · 63 阅读 · 0 评论 -
mouseover 和mouseenter的区别
一、相同点都是鼠标经过事件二、不同点mouseover有冒泡效果,mouseenter没有冒泡推荐使用mouseenter,因为没有冒泡同理还有mouseover和mouseleavemouseout有冒泡mouseleave没有冒泡,推荐使用mouseleave鼠标事件总结mouseover(鼠标经过),mouseout(鼠标离开)是有冒泡效果mouseent...原创 2023-08-17 20:22:00 · 595 阅读 · 0 评论 -
解绑事件
一、事件等级L0(level 0)事件源.onclick=function(){}L2(level 2)事件源.addEventListener(事件类型,事件处理函数,是否捕获){}二、L0事件解绑重新给赋值为null事件源.onclick=nullL2事件解绑不能使用匿名的回调函数,否则无法解绑正确解绑方式如下<!DOCTYPE html&g...原创 2023-08-17 20:02:00 · 76 阅读 · 0 评论