mousedown和onmousedown,click和onclick區別
阿新 • • 發佈:2019-02-11
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 /> <buttononclick="document.getElementById('field2').value= document.getElementById('field1').value"
>Copy Text</button> </body> </html>
jquery click()例項
當點選按鈕時,隱藏或顯示元素:
$("button").click(function(){ $("p").slideToggle(); });