使用off（） - mouseover（）和mouseout（）的方法

正如我的標題所示，我使用jQuery中的off-method與mouseover/mouseout結合使用時遇到了問題。使用off（） - mouseover（）和mouseout（）的方法

我的HTML代碼（相關部分）：

<h3>Hover</h3> 
<p id="hover">Move the mouse pointer over this paragraph.</p> 
<button id="off">Press the button</button>

我的jQuery的代碼（相關部分）：

$(document).ready(function(){ 
    $("#hover").mouseover(function(){ 
     $("#hover").css("background-color", "green"); 
    }); 
    $("#hover").mouseout(function(){ 
     $("#hover").css("background-color", "lightblue"); 
    }); 
    $("#off").click(function(){ 
     $("#hover").off("click"); 
    }); 
});

的「懸停部分」工作正常。但是當我按下按鈕時，應該停止mouseover和mouseout方法來停止它，它不會。

來源

2016-12-20 Waltswen

你應該使用jQuery的unbind，掀起了事件處理程序是這樣的：

$("#hover").unbind("mouseover mouseout");

$(document).ready(function(){ 
 
    $("#hover").mouseover(function(){ 
 
     $(this).css("background-color", "green"); 
 
    }); 
 
    $("#hover").mouseout(function(){ 
 
     $(this).css("background-color", "lightblue"); 
 
    }); 
 
    $("#off").click(function(){ 
 
     $("#hover").unbind("mouseover mouseout"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h3>Hover</h3> 
 
<p id="hover">Move the mouse pointer over this paragraph.</p> 
 
<button id="off">Press the button</button>

希望這有助於！

來源

2016-12-20 14:00:45

@Waltswen - 如果你覺得這個答案正確的，有幫助，然後接受和給予好評這個答案，因爲它激勵我給予解答這樣的其他問題，並幫助他人趕快找到正確答案！ –

元素沒有click事件偵聽器添加到，但mouseover和mouseout。因此，沒有off()沒有效果。用途：

$("#hover").off("mouseover mouseout");

$(document).ready(function(){ 
 
    $("#hover").mouseover(function(){ 
 
     $("#hover").css("background-color", "green"); 
 
    }); 
 
    $("#hover").mouseout(function(){ 
 
     $("#hover").css("background-color", "lightblue"); 
 
    }); 
 
    $("#off").click(function(){ 
 
     $("#hover").off("mouseover mouseout"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h3>Hover</h3> 
 
<p id="hover">Move the mouse pointer over this paragraph.</p> 
 
<button id="off">Press the button</button>

來源

2016-12-20 14:02:01

使用off（） - mouseover（）和mouseout（）的方法

回答

相關問題