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(){
            //失去鼠标事件	
        };
    }
}

猜你喜欢

转载自blog.csdn.net/qq_41690927/article/details/89711692
今日推荐