js点击事件onclick_关于JavaScript的事件绑定问题

行内方式绑定(元素属性)

<body><input type="button" value="按钮" id="btn" onclick="alert(2)">
</body>


<body><input type="button" value="按钮" id="btn" onclick="f()">
</body>
<script>function f(){console.log(3);}
</script>

onclick 其实就是html元素的一个属性，而属性的值需要是 一段可执行的JS代码

动态绑定 (节点对象属性)

<body><input type="button" value="按钮" id="btn">
</body>
<script>var btn = document.getElementById('btn');btn.onclick = function(){alert(4);}
</script>

获取节点对象，然后修改 节点对象 的 属性 onclick 的值，值是一个 匿名函数 即可；

以上两种事件绑定方式，需要在事件名称前加 on ;

事件监听(节点对象方法)

<body><input type="button" value="按钮" id="btn">
</body>
<script>var btn = document.getElementById('btn');btn.addEventListener('click',function(){alert(5);});
</script>

每一个节点对象都提供了 addEventListener 方法，这个方法可以给选中的节点添加指定类型的事件及事件处理程序；

js点击事件onclick_关于JavaScript的事件绑定问题相关推荐

JS点击创建按钮后的按钮事件
问题描述: 1: 如下,我有3 个按钮,当我点击 [编辑] 的时候, 2: 创建新的按钮出来.那新的按钮,比如, [确定],和 [取消修改]的 JS 监听事件,应该怎么写呢? 问题解决: 因为 [确定 ...
js 点击闭包_学习Javascript闭包（Closure）
讲的很清楚明了,连我都懂了,要是我们大学时的老师也能这么讲课...他们只会放幻灯片 2009年8月30日 22:29 | # | 引用 2009年8月30日 22:44 | # | 引用呵呵,可以作 ...
PHP js 点击按钮切换模版,javascript点击按钮实现隐藏显示切换效果_javascript技巧...
本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此 ...
Javascript知识——事件
O(∩_∩)O~~又是新的一周开始了,今天还是在继续学习Javascript知识,今天主要讲了事件的知识.现在就总结下吧. 事件事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netsca ...
js 点击侧边栏展示内容_【DEMO】JS实现侧边栏信息展示效果
/*使用块模式--立即执行的匿名函数*/(function(){//所有声明的变量在构造函数内部,不会向windows添加任何属性 /*构造函数的基本规范: 1.构造函数的第一个字母是大写的,与其他函 ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
JavaScript给按钮绑定点击事件（onclick）的方法及js常见事件
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!D ...
js鼠标事件大全-Javascript鼠标事件大全
js鼠标事件大全-Javascript鼠标事件大全 2009年03月11日星期三 14:22 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick 当键盘上的某个键被按下并且释放时 ...
原生JS javascript解除绑定事件 JS删除绑定事件
原生JS javascript解除绑定事件 JS删除绑定事件一.直接删除法 1.适用于直接绑定的事件,如: <h1 id="h1" onclick="_click ...
【JavaScript】按钮绑定点击事件-onCliek事件
[JavaScript]按钮绑定点击事件-onCliek事件 <button type="submit" id="btn">btn</butt ...

js点击事件onclick_关于JavaScript的事件绑定问题

js点击事件onclick_关于JavaScript的事件绑定问题相关推荐

最新文章

热门文章