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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章