JS 和Jquery 绑定事件
转载地址:http://www.itxueyuan.org/view/6338.html
http://blog.csdn.net/topwqp/article/details/8561366
jquery 调用 click 事件 的 三种 方式
#
第一种方式: [javascript] view plain copy $(document).ready(function(){ $(“#clickme”).click(function(){ alert(“Hello World click”); }); 第二种方式: [javascript] view plain copy $(‘#clickmebind’).bind(“click”, function(){ alert(“Hello World bind”); }); 第三种方式: [javascript] view plain copy $(‘#clickmeon’).on(‘click’, function(){ alert(“Hello World on”); }); });
#
JavaScript绑定事件的方法[3种]
要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。
在JavaScript中,有三种常用的绑定事件的方法:
- 在DOM元素中直接绑定;
- 在JavaScript代码中绑定;
- 绑定事件监听函数。
一. 在DOM元素中直接绑定
这里的DOM元素,可以理解为HTML标签。JavaScript支持在标签中直接绑定事件,语法为:
onXXX=”JavaScript Code”
其中:
- onXXX 为事件名称。例如,鼠标单击事件 onclick ,鼠标双击事件 ondouble,鼠标移入事件 onmouseover,鼠标移出事件 onmouseout 等。
- JavaScript Code 为处理事件的JavaScript代码,一般是函数。
例如,单击一个按钮,弹出警告框的代码有如下两种写法。
原生函数
自定义函数
二. 在JavaScript代码中绑定
在JavaScript代码中(即
还没有评论,来说两句吧...