.mousedown()
.mousedown( handler(eventObject) ) 返回: jQuery
描述: 為 "mousedown" 事件綁定一個處理函數(shù),或者觸發(fā)元素上的 "mousedown" 事件。
-
version added: 1.0.mousedown( handler(eventObject) )
handler(eventObject)每次事件觸發(fā)時會執(zhí)行的函數(shù)。
-
version added: 1.4.3.mousedown( [ eventData ], handler(eventObject) )
eventData將要傳遞給事件處理函數(shù)的數(shù)據(jù)映射。
handler(eventObject)每次事件觸發(fā)時會執(zhí)行的函數(shù)。
version added: 1.0.mousedown()
這個函數(shù)的第一種用法是 .bind('mousedown', handler) 的快捷方式,第二種用法是 .trigger('mousedown') 的快捷方式。
當鼠標指針在元素上和按下鼠標鍵,mousedown事件被發(fā)送到這個元素。任何HTML元素都可以收到此事件。
舉例來說,請看下面的HTML:
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div>

這個事件可以綁定到任何 <div>元素:
$('#target').mousedown(function() {
alert('Handler for .mousedown() called.');
});
現(xiàn)在,如果我們點擊這個元素,警報顯示:
Handler for .mousedown() called.
當不同的元素被點擊時我們也可以觸發(fā)這個事件:
$('#other').click(function() {
$('#target').mousedown();
});
這些代碼執(zhí)行后,點擊Trigger the handler同樣警報顯示。
任何鼠標按鈕被點擊時mousedown事件就會被發(fā)送。作用于特定的按鈕,我們可以使用事件對象的which屬性。并非所有瀏覽器都支持這個屬性(IE瀏覽器使用按鈕代替),但是使用jQuery標準化的屬性,它可以安全使用在任何瀏覽器。點擊鼠標左鍵which的值是1,點擊鼠標中鍵which的值是2,點擊鼠標右鍵which的值是。
此事件主要用于確保主要按鈕是用來開始拖動操作;如果忽視,當用戶嘗試使用上下文菜單,可能會出現(xiàn)奇怪的結果。而中間和右邊按鈕可檢測到這些屬性,這是不可靠的。在Opera和Safari中,例如,點擊鼠標右鍵默認情況下不察覺。
如果在用戶點擊一個元素,并且拖動鼠標離開這個元素,并釋放鼠標鍵,這仍然是算作mousedown事件。在大多數(shù)的用戶界面,這個動作的順序被視為一個“取消”的按鍵,所以通常最好使用click事件,除非我們知道mousedown事件針對一個特定情況較好。
Example:
當MouseUp和MouseDown事件觸發(fā)時,顯示文本時。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<p>Press mouse and release here.</p>
<script>
$("p").mouseup(function(){
$(this).append('<span style="color:#F00;">Mouse up.</span>');
}).mousedown(function(){
$(this).append('<span style="color:#00F;">Mouse down.</span>');
});
</script>
</body>
</html>