JQuery onmousedown是在鼠標按下時觸發的事件。該事件可用于為HTML元素添加拖動效果或捕獲鼠標點擊位置。
$(selector).mousedown(function(){
//do something
});
它的語法非常簡單。只需選擇要添加事件的元素,然后在它上面調用mousedown函數即可。當元素被鼠標按下時,函數中的代碼將被執行。
下面是一個例子,當按下鼠標時,圖片會向左移動100像素:
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("img").mousedown(function(){
$(this).animate({left: '100px'});
});
});
</script>
</head>
<body>
<img src="image.jpg" style="position:relative;">
</body>
</html>
在這個例子中,當鼠標按下時,我們使用jQuery的animate函數將圖片向左移動100像素。
總之,mousedown事件是一個非常有用的jQuery事件,可用于各種交互效果和操作。