div得到/失去鼠标事件

175 阅读 0 评论 116 点赞

我是靠谱客的博主美好小懒猪，这篇文章主要介绍div得到/失去鼠标事件，现在分享给大家，希望可以做个参考。

1.找到目标div

var obj = document.getElementsByTagName("div");//先得到所有的div标记

2.在多个div中找到我们想要的

//循环所有的div
for(var i=0;i<obj.length;i++){
//根据div的class来判断我们需要的div
if(obj[i].className == 'textClass'){
//我们需要的得到/失去鼠标事件的div
}
}

3.接下来就是给div上我们的事件

obj[i].onmouseover=function(){
//得到鼠标事件
};
obj[i].onmouseout=function(){
//失去鼠标事件
};

是不是很简单

var obj = document.getElementsByTagName("div");//先得到所有的div标记
for(var i=0;i<obj.length;i++){
//根据div的class来判断我们需要的div
if(obj[i].className == 'textClass'){
obj[i].onmouseover=function(){
//得到鼠标事件
};
obj[i].onmouseout=function(){
//失去鼠标事件
};
}
}