如何用JS写鼠标触发事件

答案:2 悬赏:40 手机版

解决时间 2021-12-28 21:40

提问者网友：练爱
2021-12-28 05:55

如何用JS写鼠标触发事件

最佳答案

五星知识达人网友：渊鱼
2022-01-10 04:00

简单的示例   div的背景色会随着鼠标进入变红离开变白点击变绿  双击变蓝

var divs = document.getElementsById('div1');
    divs.onmouseover = function(){
        this.style.background = 'red'
    }
    divs.onmouseout = function(){
        this.style.background = ''
    }
    divs.onclick = function(){
        this.style.background = 'green'
    }divs.ondblclick = function(){
       this.style.background = 'blue'
   }代码要写在 window.onload () 或者 document.onready()

全部回答

1楼网友：玩世
2022-01-10 04:21

这是肯定会触发的，div包含在li里边，只要你鼠标划入li必定触发事件，并不是重复触发。 mouseover和mouseout都是冒泡事件。mouseenter是ie独有的。我从网上扒了段代码 function ismouseleaveorenter(e, handler) { if (e.type != 'mouseout' && e.type != 'mouseover') return false; var reltg = e.relatedtarget ? e.relatedtarget : e.type == 'mouseout' ? e.toelement : e.fromelement; while (reltg && reltg != handler) reltg = reltg.parentnode; return (reltg != handler); }

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息