1. 程式人生 > >mousedown和onmousedown,click和onclick區別

mousedown和onmousedown,click和onclick區別

onmousedown是javascript的用法,mousedown()是jQuery的用法

onclick是javascript的用法,click是jQuery的用法;

click本身是方法作用是觸發onclick事件,只要執行了元素的click()方法,就會觸發onclick事件。

onclick是繫結事件,告訴瀏覽器在滑鼠點選時候要做什麼,onclick是給物件(一般為input)設定一個onclick的屬性 讓它能點選並且有事件

javascript  onmousedown例項

在本例中,當您點選下面的圖片時會彈出一個對話方塊:

<img src="/i/example_mouse2.jpg" 
onmousedown="alert('You clicked the picture!')"
/>

jquery mousedown()例項

當按下滑鼠按鈕時,隱藏或顯示元素:

$("button").mousedown(function(){
  $("p").slideToggle();
});

 onclick例項 

在本例中,當按鈕被單擊時,第一個輸入框中的文字會被拷貝到第二個輸入框中:

<html>
<body>

Field1: <input type="text" id="field1" value="Hello World!">
<br />
Field2: <input type="text" id="field2">
<br /><br />
點選下面的按鈕,把 Field1 的內容拷貝到 Field2 中:
<br />
<button onclick="document.getElementById('field2').value=
document.getElementById('field1').value"
>Copy Text</button> </body> </html>

jquery click()例項

當點選按鈕時,隱藏或顯示元素:

$("button").click(function(){
  $("p").slideToggle();
});