基本鼠標事件
鼠標懸浮停留事件
onmouseover
onmouseenter他們大題沒有什么區(qū)別舔稀,唯一的區(qū)別就是:mouseenter不支持冒泡,而mouseover支持冒泡蟹肘。
而事件冒泡指的是事件冒泡,即在子元素上觸發(fā)的事件會向上傳遞至父級元素驯击,并觸發(fā)綁定在父級元素上的相應(yīng)事件屋谭。
鼠標離開事件
onmouseout
onmouseleave區(qū)別同上
鼠標點擊回彈事件
onmouseup
其實就是鼠標點擊某個元素,然后點擊完鼠標自動彈起觸發(fā)的事件
鼠標點擊事件
onclick
onmousedown簡單的說onclick = onmousedown + onmouseup;
如果在某個地方按下鼠標后移開鼠標在另外一個地方松開鼠標會觸發(fā)onmousedown事件转晰,但是onclick事件卻不會被觸發(fā)芦拿。鼠標移動事件
onmousemove
就是鼠標在某個元素里面移動觸發(fā)的事件
ommousedown和onmousemove都會產(chǎn)生一個鼠標的坐標值
ev.clientX 與 ev.clientY兩個值,這兩個值代表著鼠標在可視頁面的距離X/Y的值(這里涉及到一個兼容問題查邢,我會在后面講到關(guān)于兼容)
獲取HTML標簽的方法
document.getElementById('');
這是獲取擁有ID屬性的HTML標簽
document.getElementsByTagName('');
這是獲取同一種HTML標簽蔗崎,里面填入的是標簽的名字。它獲取的元素為一組扰藕,所以用來裝它的一定是數(shù)組
document.getElementsByClassName('');
這是獲取類名為一樣HTML標簽缓苛,里面填入的是類名。它獲取的元素為一組邓深,所以用來裝它的一定是數(shù)組
document.querySelector('');
這是獲取一個HTML標簽未桥,里面填入的是可以是標簽的名字也可以是類名甚至是ID名。如果是標簽名那么直接填入芥备。類名的話冬耿,在它前面寫一個英文狀態(tài)下的句號。假如是ID门躯,那么直接在他前面添加 ' # '淆党。它獲取的元素為一組酷师,所以用來裝它的一定是數(shù)組
document.querySelectorAll('');
這是獲取同一組HTML標簽讶凉,獲取方式同上染乌。它獲取的元素為一組,所以用來裝它的一定是數(shù)組
前三組和后兩組的區(qū)別
后兩組選出來的元素及元素數(shù)組是靜態(tài)的懂讯,而前三組這種方法選出的元素是動態(tài)的荷憋。靜態(tài)的就是說選出的所有元素的數(shù)組,不會隨著文檔操作而改變褐望。
在使用的時候前三組這種方法性能比較好勒庄,后兩組則比較方便。
函數(shù)
function a(xxx,xxxx){
xxxx;
xxxxx;
xxxx;
}
function 是每寫一個函數(shù)都要寫的瘫里,就像提名一樣实蔽。
a 是函數(shù)的名字,這個是你自己取的谨读,當然有的函數(shù)則不需要函數(shù)名因為他是直接賦值給前面的局装。
a.onclick = function(){
xxxxx;
xxxxxx
}
例如上面的就直接賦予前面的a的點擊事件,就可以省略給函數(shù)取名這一步
() 則是你需要傳遞進去的參數(shù)
{} 里面是你這個函數(shù)具體要實現(xiàn)什么樣的操作劳殖,記住寫完一句之后記得用 铐尚;結(jié)尾,最后一句則可以省略哆姻。