click和onclick的区别

onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,下面有个示例,大家可以看看

 

Html代码

?


1

2

3

4

5

6

7

8

9

10

11

12

13

<script type="text/javascript">

$(function(){

$("#btn4").click(function(){

$("#btn3").click();

});

});

function change(){

alert("onclick");

}

</script>

 

<button id="btn3" onclick="change()">dd</button>

<button id="btn4">ee</button>

区别:

1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么

click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击 'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件),原因就是因为

?


1

2

3

$("#btn4").click(function(){

$("#btn3").click();

});

点击'ee'按钮时,代码内部调用了'dd'的click()方法,从而触发了'dd'的onclick事件。

2.click()方法的主要作用是触发调用click方法元素onclick事件。此外,如果在click方法定义了如下代码

?


1

2

3

$("#btn3").click(function(){

alert("*****");

});

click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下

Html代码

?


1

2

3

4

5

6

7

8

9

10

11

<script type="text/javascript">

$(function(){

$("#btn3").click(function(){

alert("aa");

});

});

function change(){

alert("bb");

}

</script>

<button id="btn3" onclick="change()">dd</button>

弹出框的弹出顺序先是'bb',然后是'aa'.

 

时间: 2024-09-29 16:03:22

click和onclick的区别的相关文章

$(&quot;&quot;).click与onclick的区别示例介绍_jquery

Html代码 <script type="text/javascript"> $(function(){ $("#btn4").click(function(){ $("#btn3").click(); }); }); function change(){ alert("onclick"); } </script> <button id="btn3" onclick="

addEventListener和普通.onclick的区别

问题描述 document.getElementById("abc");addEventListener("click",method1,false)和document.getElementById("abc").onclick有什么区别? 解决方案 addEventListener是在 FireFox 上的用法.addEventListener的参数一共有三个,语法为:element.addEventListener(type,listener

Asp.Net 不同的OnClick事件区别小结(onserverclick,onclientclick)_基础应用

1. HTML控件,如IMG的输入按钮等 的 onclick ( 客户端 )和 onserverclick( 服务端 )事件,注意 runat="server"... 此处的onclick先于onserverclick执行.2.WEB控件,如<asp:button 按钮等 的 onclientclick( 客户端 ) 和 onclick ( 服务端 )事件...   此处的onclientclick先于onclick执行.onclientclick  事件来自2.0, 它用来取代

js函数中onmousedown和onclick的区别

  这两个事件很常见. 了解这两个事件的区别,但是实际并没有使用到这两个事件的区别去做一些操作. 通常使用onclick的时候也可以使用onmousedown,使用onclick的时候更多一些. 今天碰到了非使用onmousedown不可的时候,故特此记录. 先说一下区别:onclick是在鼠标点击弹起之后触发的事件.onmousedown是在鼠标按下之后触发的事件. 简单的说onclick = onmousedown + onmouseup; 如果在某个地方按下鼠标后移开鼠标在另外一个地方松开

a标签的href和onclick的区别

 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值.不信,你可以将 goGoogle 函数中的 return false 注释掉: 如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作.应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可

js函数中onmousedown和onclick的区别和联系探讨_基础知识

这两个事件很常见. 了解这两个事件的区别,但是实际并没有使用到这两个事件的区别去做一些操作. 通常使用onclick的时候也可以使用onmousedown,使用onclick的时候更多一些. 今天碰到了非使用onmousedown不可的时候,故特此记录. 先说一下区别:onclick是在鼠标点击弹起之后触发的事件.onmousedown是在鼠标按下之后触发的事件. 简单的说onclick = onmousedown + onmouseup; 如果在某个地方按下鼠标后移开鼠标在另外一个地方松开鼠标

onclientclick和onclick的区别

OnClick:执行C#代码.OnClientClick:执行javascript代码.   OnClientClick先于OnClick发生,一般执行脚本 return true:执行OnClick事件.return false:什么都不干.   OnClick是button的服务器端事件,OnClientClick是button的客户端事件 一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效.当

浅谈onTouch先执行,还是onClick执行(详解)

有一个Button 按钮,要想为该按钮设置onClick事件和OnTouch事件 mTestButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Log.d(TAG, "onClick execute"); } }); mTestButton.setOnTouchListener(new View.OnTouchListener() { @Ove

prototype开发者手册

  prototype.js开发者手册 对应版本1.4.0 original article by sp('Sergio Pereira') Sergio Pereira last update: March 30th 2006 中文版:THIN 最后更新:2006-3-31 其它版本English versionPDF (v1.4.0)Korean (v1.4.0)Italian (v1.4.0)Portuguese (v1.4.0)Hungarian (v1.4.0)Dutch (v1.4.