鼠標的點擊事件&點擊的5中狀態(tài)

鼠標事件:

?1????mousedown:鼠標按鈕按下(左鍵或者右鍵)時觸發(fā),不能通過鍵盤觸發(fā);

2????mouseup:鼠標按鈕被釋放談起是觸發(fā),不能通過鍵盤觸發(fā);

3? ? click:點擊鼠標左鍵或者按下回車鍵時觸發(fā),這點對于確保易訪問性很重要,意味著onclick事件處理程序既可以通過鍵盤也可以通過鼠標執(zhí)行;

4? ? dbclick: 雙擊鼠標左鍵時觸發(fā);

5????mouseover:鼠標移入目標元素上方,鼠標移到其后代元素上時會觸發(fā)。

6? ? mouseout: 鼠標移出目標元素上方;

7? ? mouseenter:鼠標移入元素范圍內觸發(fā),該事件不冒泡,即鼠標移到其后代元素上時不會觸發(fā);

8? ? mouseleave:鼠標移出元素范圍內時觸發(fā);

9? ? mousemove:鼠標在元素內部移動時不斷觸發(fā)。不能通過鍵盤觸發(fā);



ps: 在為同一個元素同時綁定以上事件時, 執(zhí)行順序和次數(shù)是由差別的;遇到事件沖突時,可以通過定時器設置延時時間來解決

鼠標點擊的5種狀態(tài):

1? ? a:link? ? ?為訪問時的狀態(tài)(鼠標點擊前顯示的狀態(tài))

2? ? a:hover? ? 鼠標懸停時的狀態(tài)

3? ? a:visited? ? ?已訪問過的狀態(tài)(鼠標點擊后的狀態(tài))

4? ? a:actived? ? 鼠標點擊時的狀態(tài)

5? ? a:focus? ?點擊后鼠標移開保持鼠標點擊時的狀態(tài)(只有在a標簽中才可能有效)

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,703評論 1 11
  • 本節(jié)介紹各種常見的瀏覽器事件。 鼠標事件 鼠標事件指與鼠標相關的事件,主要有以下一些。 click 事件,dblc...
    許先生__閱讀 2,848評論 0 4
  • 總結: 鼠標事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,722評論 2 10
  • 本篇博客源地址 總結: 鼠標事件 1.click與dbclick事件ele.click()ele.click(ha...
    ZombieBrandg閱讀 753評論 0 1
  • (續(xù)jQuery基礎(1)) 第5章 DOM節(jié)點的復制與替換 (1)DOM拷貝clone() 克隆節(jié)點是DOM的常...
    凜0_0閱讀 1,519評論 0 8

友情鏈接更多精彩內容