jQuery中的事件處理(模仿懸停事件)


1.hover() 方法

  hover() 方法規定當鼠標指針懸停(鼠標移入移除)在被選元素上時要運行的兩個函數。

  方法觸發 mouseenter 和 mouseleave 事件。

  注意: 

    1.如果只指定一個函數,則 mouseenter 和 mouseleave 都執行它。

    2.$(selector).hover(null,outFunction) mouseleave 執行,mouseenter不執行。

  語法:

    $(selector).hover(inFunction,outFunction)

    參數:

      inFunction: mouseenter 事件發生時運行的函數。

      outFunction:mouseleave 事件發生時運行的函數。

  示例:

<script type="text/javascript">
    //入口函數
    $(document).ready(function(){
        $("button").hover(function(){
            console.log("in")
        },function(){
            console.log("out")
        })
    })
</script>

  輸出:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM