JS 和Jquery 绑定事件

我就是我 2022-07-19 06:00 358阅读 0赞

转载地址: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中,有三种常用的绑定事件的方法:

  1. 在DOM元素中直接绑定;
  2. 在JavaScript代码中绑定;
  3. 绑定事件监听函数。

一. 在DOM元素中直接绑定

这里的DOM元素,可以理解为HTML标签。JavaScript支持在标签中直接绑定事件,语法为:
onXXX=”JavaScript Code”

其中:

  • onXXX 为事件名称。例如,鼠标单击事件 onclick ,鼠标双击事件 ondouble,鼠标移入事件 onmouseover,鼠标移出事件 onmouseout 等。
  • JavaScript Code 为处理事件的JavaScript代码,一般是函数。

例如,单击一个按钮,弹出警告框的代码有如下两种写法。

  1. 原生函数

  1. 自定义函数

二. 在JavaScript代码中绑定

在JavaScript代码中(即

发表评论

表情:
评论列表 (有 0 条评论,358人围观)

还没有评论,来说两句吧...

相关阅读

    相关 jQuery动态事件

    jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8

    相关 JS事件

    开发工具与关键技术:DW 作者:文泽钦 撰写时间:2019年1月17日 目的:实现一些js简单绑定按钮事件 分享一些简单的js绑定事件给一些刚入门的网友玩玩,代码简

    相关 js事件

    原生的js绑定事件一般有两种: 第一种是: ele.onclick = fn(); 这种方法只能绑定一次,再次绑定就会把原来的监听覆盖掉,解除绑定也很简单

    相关 jQuery--解除事件

    解除事件绑定 在元素绑定事件之后,当在某个时刻不再需要该事件处理时,可以解除所绑定的事件。在jQuery中提供了unbind()和undelegate()方法,分别用于解