JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

 更新时间:2013年02月05日 15:44:59   作者:  
one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,感兴趣的朋友可以了解下它的调用语法为:one(type, [data], fn),阅读本文或许有意外的收获呢

1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type, [data], fn)

其中参数type为事件类型,即需要触发什么类型的事件;参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象;fn为绑定事件时所要触发的函数。

2、示例代码

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>其他事件</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#button").bind("click",function(){
$("#button").attr("value","14797710665");
});
})
</script>
</head>

<body>
<div>
<input id="button" type="button" value="查看联系方式" class="btn"/>
</div>
</body>
</html>

3、效果图预览


点击后:

再点击无反应

相关文章

  • JavaScript利用split函数按规定截取字符串(获取邮箱用户名)

    JavaScript利用split函数按规定截取字符串(获取邮箱用户名)

    这个其实就是利用了js的split函数,以@分割数组,一般用这个的地方不多,但这个思路应用的比较广泛。推荐大家学习。
    2009-12-12
  • JavaScript canvas实现水球加载动画

    JavaScript canvas实现水球加载动画

    这篇文章主要为大家详细介绍了JavaScript canvas实现水球加载动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue element loading遮罩层添加按钮功能实现

    vue element loading遮罩层添加按钮功能实现

    这篇文章主要介绍了vue element loading遮罩层添加按钮功能实现,通过实例代码补充介绍了vue+elementui的this.$loading遮罩使用方法,需要的朋友可以参考下
    2024-03-03
  • 前端接口报错302问题解决办法

    前端接口报错302问题解决办法

    这篇文章主要介绍了前端接口报错302的问题,并提供了多种解决方法和代码案例,帮助开发者更好地应对这一常见问题,需要的朋友可以参考下
    2025-01-01
  • 不同浏览器对回车提交表单的处理办法

    不同浏览器对回车提交表单的处理办法

    在浏览器中填写表单的时,可以直接在“文本框”中敲击“Enter”来提交表单,很是方便。
    2010-02-02
  • 详解Javascript动态操作CSS

    详解Javascript动态操作CSS

    本文我们会讨论如何通过 JavaScript 在运行时操作 CSS,从而动态地更新应用到我们的元素上的式样。本文所用的技术是我们已经看到过的,但在利用 CSS DOM 来进行操作的时候还需要注意几个特殊点。
    2014-12-12
  • JS延迟加载的几种方式小结

    JS延迟加载的几种方式小结

    JS延迟加载,也就是等页面加载完成之后再加载 JavaScript 文件,JS延迟加载有助于提高页面加载速度,本文小编给大家介绍了JS延迟加载的几种方式小结,感兴趣的小伙伴跟着小编一起来看看吧
    2024-08-08
  • 向fckeditor编辑器插入指定代码的方法

    向fckeditor编辑器插入指定代码的方法

    这篇文章主要向大家分享如何在fckeditor编辑器插入代码操作,这里脚本之家小编就为大家分享一下啊
    2007-05-05
  • js canvas实现星空连线背景特效

    js canvas实现星空连线背景特效

    这篇文章主要为大家详细介绍了js canvas实现星空连线背景特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 理解JavaScript的caller,callee,call,apply

    理解JavaScript的caller,callee,call,apply

    文章挺好的,虽然我用的是jQuery,但感觉还是有些用的~~~
    2009-04-04

最新评论