关闭

mousedown和onmousedown,click和onclick区别

1931人阅读 评论(0) 收藏 举报
分类:

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();
});



参考:http://www.jb51.net/article/55650.htm

http://www.w3school.com.cn/jsref/event_onmousedown.asp

http://www.w3school.com.cn/jquery/event_mousedown.asp

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:111701次
    • 积分:1842
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:354篇
    • 译文:0篇
    • 评论:17条
    文章分类