js中click 和onclick之间的区别

news/2024/12/22 14:05:44/

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

2,click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。

3,此外,正常情况是先方法后事件,但是如果在click括号内定义了其他可执行语句,则click方法会在执行完onclick事件之后执行括号内部的语句,即:先输出onclick事件里的语句,再输出click方法里的语句。

案例:

  //html代码  <div><input type="button" onclick="test123();" class="input1" id="testclick" value="test_button"/></div>//js代码$("#testclick").click(function(){console.log("click输出了"); }); 
​
function test123(){ console.log("onclick输出了"); 
}
//结果:onclick输出了click输出了

4.click()方法的主要作用是触发调用click方法元素的onclick事件,实际上是模拟了鼠标的点击动作。点击'ee'按钮时,代码内部调用了'dd'的click()方法,从而触发了'dd'的onclick事件。

<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> 

总结:onclick写法:元素.οnclick=function(){方法体} ,且用[ ]来选择第几个标签;

click写法:元素.click(function(){方法体}),且用eq()来选择第几个标签;


http://www.ppmy.cn/news/943936.html

相关文章

Click(点击)

Click <button id"btn" onclick"threeFn()">点我</button>点击事情方式 // 第一种 通过点击事件btn.onclick function () {alert(这是第一种点击方式);};监听点击事件 // 第二种 监听点击事件btn.addEventListener(click, function () {al…

click

Click click 是一个非常方便的包&#xff0c;可以在用命令行启动的时候传入一些变量&#xff0c;而不用每次都要修改配置文件。 简单使用 # hello.py import clickclick.command() click.option(--count, default1, helpnumber default 1) click.option(--name, helpset per…

js中click()与onclick()的区别

由一个简单示例到 js中click()与onclick()的区别 之前朋友在学习js的时候遇到一个有意思的问题。 先贴一份代码说一下代码构成 这里是html结构 <ul><li><input type"checkbox" name"" id"" class"che" checked />全…

click和on click区别

click和onclick的区别 onclick是绑定事件&#xff0c;告诉浏览器在鼠标点击时候要做什么&#xff1b;click本身是方法&#xff0c;作用是触发onclick事件&#xff0c;只要执行了元素的click()方法&#xff0c;就会触发onclick事件 click可以理解为一次简单的触发&#xff0c;…

click与onclick的区别

click与onclick的区别 首先给出示例代码&#xff1a; 区别&#xff1a; 1.onclick是绑定事件&#xff0c;告诉浏览器在鼠标点击时候要做什么。 click本身是方法作用是触发onclick事件&#xff0c;只要执行了元素的click()方法&#xff0c;就会触发onclick事件。如上诉代码所…

click和onclick的区别

click与onclick区别 click是对象的方法&#xff0c;onclick是事件&#xff0c;当我们点击按钮是&#xff0c;首先触发的是事件&#xff0c;然后是方法&#xff1a; <html> <head><title>Doument</title> </head> <body><div id"…

HTML中click()和onclick()的本质区别与案例和解释

关注公众号&#xff1a;”奇叔码技术“ 回复&#xff1a;“java面试题大全”或者“java面试题” 即可领取资料 HTML中click()和onclick()的本质区别与案例和解释&#xff1b;分为四点&#xff1b; 第一点&#xff1a;英文翻译&#xff1a; On的意思为 &#xff1a;打开&a…

Vue基础语法之@click、时间修饰符@click.stop与@click.prevent、按键修饰符(如@keyup.enter)

1、绑定监听click:&#xff08;以监听click为例&#xff0c;其他如keyup&#xff0c;用法类似&#xff09; v-on:click“fun” click“fun” click“fun(参数)” <button click"test1">test1</button><button click"test2(abc)">test2&l…