首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery中bind和unbind函数

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行函数 unbind() 方法移除被选元素事件处理程序。...语法: $(selector).bind(event,data,function) // event 和 function 必须指出下面些段代码做说明: 例1:删除p所有事件 $("p").unbind...(); 例2:删除pclick事件 $("p").unbind("click"); 例2:删除p元素click事件后出发test函数 和 添加p元素click事件后触发test函数 $("...p").unbind("click",test);$("p").bind("click",test); 注意:要定义 .bind() 必须指明什么事件和函数现在来看个简单demo ,整个div有一个点击收起展开事件...,如果想要点击链接但是不触发div点击事件,需要在触发链接时候把div点击事件禁用,这里我用到链接mouseenter事件是unbind删除div事件。

1.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JQuery中bind()和unbind()理解「建议收藏」

    大家好,又见面了,我是你们朋友全栈君。 bind()和unbind()提供了事件绑定和取消机制,既可以绑定html默认支持事件,也能够绑定自定义事件。...unbind用来取消之前通过bind绑定事件处理函数,总的来说有三种形式:取消所有事件、取消某种类型事件、取消某种类型下某个事件处理函数。...$(“#button1”).unbind(“click”):只取消button1上绑定click类型事件处理函数。...虽然bind和unbind是用匿名函数功能是相同,但是这2个函数不是同一个javascript对象,因为它们占用不同内存空间。...这里值得一提:使用了命名空间与unbind并不冲突,上面三种形式unbind依然可以正常使用。

    1.3K30

    jquery 使用 unbind 解决重复绑定执行事件

    原文:jquery 使用 unbind 解决重复绑定执行事件 存在问题 在jquery监听click事件时候会出现点击一次没有重复,点击第二次就重复情况。...问题基本原因:应该是上一行删除数据 id click事件没有被解绑,当再次触发时候,就重复执行上一次绑定事件。...这种事件绑定重复执行问题,需要一个unbind()方法,先解除绑定,再绑定执行,才能解决重复执行。不然重复进行绑定事件,那么就会重复执行事项。 查看解决代码 看看问题代码,如下: ?...就是箭头位置多次进行click事件绑定导致重复执行了。 解决方法,如下: ? 在执行事件绑定之前,进行 unbind('click') 即可。 ?...设置了unbind之后,日志打印没有重复执行情况了。

    1.6K30

    jquery 绑定事件 bind() unbind() 以及 事件函数列表

    scroll() 滚动条位置发生变化 submit() 用户递交表单 绑定事件其他方式 $(function(){ $('#div1').bind('mouseover click', function...div1').bind('mouseover click', function(event) { alert($(this).html()); // $(this).unbind...(); $(this).unbind('mouseover'); }); }); 看了上面的这个示例,再来完整写示例 编写一个click事件示例 ?...可以看到,使用这种方式绑定click事件也是可以。 那么,如果希望点击一次就不能点击,就可以设置一下解绑事件,如下: ? 从这里可以看出,只能触发一次click事件。因为已经解除绑定了。...那么解绑是不是也一样可以写多个呢? ? 解除绑定的确可以写多个事件同时解除。

    1.6K20

    JQuery 对控件事件操作

    JQuery是非常棒js类库,有丰富UI库和插件,不过我钟爱他是他选择器,感觉其他功能有时跟后台人员距离很远,所以一般我也只使用一下他选择器。...jQuery有unbind方法,专门来取消绑定,也就是取消事件,按照上面的例子的话,应该使用: $("#testButton").unbind("click"); 恩,看上去非常好,如果你...click有2个事件的话,你还可以使用unbind("click", fnName)来删除特定函数绑定。...}); 又SB了,呵呵,这次点击按钮的话,只会执行PayMoney,不会执行Eat,那如果把unbind()放在bind后面的话,这样这个按钮就不会起作用了。...老应、老赵、老陈出去吃饭,吃饱了,喝足了,准备付钱了,这时候: <script type="text/javascript" src="jquery-1.2.6.min.<em>js</em>

    1.8K60

    web三方绑定那些坑

    三方绑定,就是将第三方账号(如qq,微信,微博)等绑定到自己账号系统 设计思路 创建一个user_bind表,用来存储第三方账号id,三方账号类型,和自己账号id 通过查user_bind表来确定三方账号有没有被绑定过...)中有三方id记录,说明该账号已被绑定过 删除该条记录 绑定其实就是调用第三方授权系统,校验第三方账号,获得用户信息授权(对第三方平台依赖其实和第三方登录逻辑一样) 关键代码(用QQ举例) 这不是直接拿来复制粘贴就能用代码...) && $qq==1%} 已绑定 <a class="bind-btn <em>js</em>_<em>unbind</em>_qq..."绑定失败,该账号已被其他实车用户绑定"); } } 绑定js(基于seajs框架) define('module/ucenter/bind_account.js', ['libs...= { btn_qq: $('.js_unbind_qq'), } var _url = { post_submit: '/info/unbind/',

    36120

    Vue如何创建自定义指令?

    全局指令 第一步 最好建立一个全局命令文件例如:directive.js 利用Vue.directive()建立一个全局命令,并将它暴露出来,例如一个focus 让表单自动聚焦 // directive.js...unbind() { // 当指令所在元素,从页面中移除时候,unbind钩子函数会被执行 console.warn('指令钩子函数:unbind'); }...}) export {focus} 第二步 在main.js(入口JS文件)中将它引入,可以省略文件后缀 // main.js import focus from 'xxx/directive' 这样任何一个...但是你可以通过比较更新前后值来忽略不必要模板更新 (详细钩子函数参数见下)。 componentUpdated:所在组件 VNode 及其孩子 VNode 全部更新时调用。...unbind:只调用一次,指令与元素解绑时调用。 参数 el:指令所绑定元素,可以用来直接操作 DOM 。 binding:一个对象,包含以下属性: name:指令名,不包括 v- 前缀。

    1.8K20

    想成为可视化高手?这篇合集就够了 | Vue

    前言 在生活中"可视化"对我们来说其实并不陌生,网站上各大图表频频而出,给我们视觉也带来很直观感受。...准备工作 echarts和highcharts区别: echarts就相当于我们平时用wps,而highcharts就相当于我们使用office,前者是百度api,后者是国外api...这个时候可能有人会问,如果要让echarts自适应窗口呢,下面小编整理了一种方法,使用到了vue中自定义指定directives和原生js事件绑定我们直接上代码: import echarts...from "echarts"; let HANDLER = "Vue_eCharts_Resize_Handle"; function unbind(el, bindings, vnode) {...: unbind } }; 如何使用vue里自定义指令呢 自定义指令 我们可以注册一个全局指令v-echarts-resize import util from "@/directives/echartsHelper.js

    1.4K10

    Vue全局指令:如何添加全局指令?(附2个常用自定义指令)

    在上面文章中,提到过一种方法,在main.js(入口JS文件)中引入你已经写好指令文件,可以省略文件后缀: // main.js import focus from 'xxx/directive' 如果你有多个指令文件了.../directives', false, /^\.\/.*\.js$/)); }); 这里用到了require.context函数,require.context是webpack中,用来创建自己(模块...require.context函数接收三个参数: 1、要搜索文件夹目录 2、是否还应该搜索它子目录 3、以及一个匹配文件正则表达式 我们搜索directives目录下所有js文件,遍历装载指令...下面我们来看看2个实用自定义指令。 ? vue非本元素点击事件指令 这个指令作用是什么? 比如:一个按钮点击后弹出一个浮层,然后点击按钮外所有事件,都关闭浮层。...binding.value就是handleClose方法 binding.value(e); } } // 给当前元素绑定个私有变量,方便在unbind

    3.5K20

    客户端js js脚本引入 js解析过程

    在core.js执行时候读取这段文本,然后动态执行一次。浏览器不会执行之间代码 html中事件处理程序 当脚本所在html文件被载入时候。脚本里js会执行一次。...为了可交互,js会定义事件处理程序即web浏览器先注册函数,并在之后调用其作为事件响应。其中事件处理程序属性可以包含任意条js语句。相互之间用逗号分隔。...url中js 应用用途 书签 通过协议类型指定url内容为任意字符串,该字符串是会被js解释器运行js代码,其会被当成单独一行代码实现。即语句之间必须使用分号作为分割。 即,书签实现。...事件驱动js js还能通过注册事件程序函数写程序。之后在发生该事件时候异步调用这些函数。 程序会响应一个事件,然后调用一个函数,该函数称为事件处理程序,事件监听器,或者回调,将该函数注册。  ...将一个监听器和回调函数绑定,当监听器被触发时候,回调函数将会被触发。 客户端js线程模型 js客户端为单线程模型。

    13.1K80
    领券