首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JavaScriptaddEventListener-如何实现用于创建鼠标覆盖效果?

JavaScriptaddEventListener-如何实现用于创建鼠标覆盖效果?
EN

Stack Overflow用户
提问于 2018-08-23 06:26:46
回答 2查看 0关注 0票数 0

我有一个ID为“按钮”的div,试图改变它的背景,使其成为蓝色

var item = document.getElementById("button");
item.addEventListener("mouseover", func, false);

function func()
{  
   var item = document.getElementById("button");
   item.setAttribute("style", "background-color:blue;")
}

该如何实现呢?

EN

回答 2

Stack Overflow用户

发布于 2018-08-23 14:53:17

这样试试:

var item = document.getElementById("button");
item.addEventListener("mouseover", func, false);
item.addEventListener("mouseout", func1, false);

function func()
{  // not needed since item is already global, 
   // I am assuming this is here just because it's sample code?
   // var item = document.getElementById("button"); 
   item.setAttribute("style", "background-color:blue;")
}

function func1()
{  
   item.setAttribute("style", "background-color:green;")
}
票数 0
EN

Stack Overflow用户

发布于 2018-08-23 15:29:08

mouseenter和mouseleave是其他浏览器可能不支持的IE东西,jQuery也支持这些事件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002385

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档