bind方法参数传递与接收的三种方法 jQuery

最新推荐文章于 2021-07-03 21:49:53 发布
转载 最新推荐文章于 2021-07-03 21:49:53 发布 · 890 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/leo3070/article/details/90241857
文章标签：

#jquery #js #bind

本文介绍了在jQuery中使用三种不同的方式来绑定事件处理程序：直接使用事件参数、函数句柄和函数闭包。每种方法都有其特点和适用场景，通过实例展示了如何使用这些方法来响应元素的点击事件。

方法一

function GetCode(event)

{

alert(event.data.foo);

}
$(document).ready(function()

{

$("#summary").bind("click", {foo:'abc'} ,GetCode);

});

方法二 函数句柄

$("#summary").bind("click", function()

{

GetCode("abc")

});
function GetCode(str)

{

}

方法三 函数闭包

function GetCode(str)

{

return function()

{

alert(str)

}}
$("#summary").bind("click", GetCode("abc"));

 

Jquery之Bind方法参数传递与接收的三种方法
10-25
总结一下，jQuery的`bind`方法参数传递与接收可以通过以下三种方式实现： 1. 使用`event.data`对象，将数据作为`bind`的第二个参数。 2. 通过匿名函数包装实际的事件处理函数，直接在匿名函数内部传递参数。 3. 利用...
jquery中live()方法和bind()方法区别分析
10-22
在早期版本的 jQuery 中，`live()` 方法和 `bind()` 方法是两种主要的事件绑定方式，它们在功能和使用上有各自的特点和限制。 `live()` 方法主要用于为当前及未来添加到 DOM 中的元素绑定事件处理器。例如，如果有...
JQuery的bind方法传递多个参数
拓
08-26 6896
 来自：百度知道 http://zhidao.baidu.com/question/149616763.html?push=qlSimple JQuery
js中函数的三大方法：bind，call，apply
weixin_44279475的博客
12-29 260
函数的三大方法：bind，call，applybindcall bind bind方法可以接受n个参数，即bind（参数1，参数2，。。。。。）。 参数1：改变当前调用函数中this的指向，指向参数1。 参数2。。。：会合并原函数的参数，然后一起再次穿进去，原函数中的参数位置会向后移动。 特点：bind方法执行之后，得到了一个改变了this指向之后的全新函数，新函数必须再次被调用，才能执行。 例1...
bind函数作用、应用场景以及模拟实现
weixin_34007291的博客
12-27 1065
bind函数 bind 函数挂在 Function 的原型上 Function.prototype.bind 创建的函数都可以直接调用 bind,使用： function func(){ console.log(this) } func.bind(); // 用函数来调用 bind 的作用： bin...
js中自己实现bind函数的方式
热门推荐
纯爱枫若情的博客
05-04 1万+
前言 最近由于工作比较忙，好久都没时间静下心来研究一些东西了。今天在研究 call 和 apply 的区别的时候，看到 github 上面的一篇文章，看完以后，感觉启发很大。 文章链接为 https://github.com/lin-xin/blog/issues/7 ，有兴趣的童鞋可以前往学习一下。 但是我主要想写的并不是我今天学习了这篇博文，那样也就太没有技术含量了对吧。 bind...
JQuery 绑定事件时传递参数的实现方法
12-12
总结来说，jQuery的`bind()`方法提供了多种方式来传递参数给事件处理函数，包括直接使用`this`、匿名函数包裹、利用`event`对象以及通过`data`选项。根据具体需求选择合适的方法，可以更好地组织和管理代码。
jQuery on()方法示例及jquery on()方法的优点
11-23
**数据传递**：可以将数据对象作为on()方法的第三个参数传递，并在事件处理函数中访问。 ```javascript $("p").on("click", {name: "John"}, function(event) { alert("Hello, " + event.data.name); }); ``` 总的...
bind引用传参
惜兰blog
07-03 1177
bind引用传参 std::bind的函数参数默认使用的是拷贝， 如果需要使用引用，则需要配合std::ref。 下面一个例子，帮助理解。print2函数负责输出参数的值，且参数都是引用, print2函数内完成对参数的自增 #include <functional> #include <iostream> void print2(int& a, int& b) { std::cout << "calling: a=" << a &lt
javascript中bind()函数实现和应用以及多次bind的结果和参数位置的思考
learninginJAVA的专栏
10-05 2554
概述 在ECMA-262第五版引入了bind()方法，该方法创建一个新函数。 语法 fn.bind(context[, arg1[, arg2[, ...]]])第一个参数context将成为返回的新函数的this对象 第二个及以后的参数加上绑定函数运行时本身的参数按照顺序，将作为新函数的擦书 实现原理 Function.prototype.bind = function (conte
前端怎么传_javascript前端经典面试题bind实现原理
weixin_39966941的博客
01-13 132
面对面试环节bind实现已经变成不可缺少的一道风景了，那么从几个角度来了解下bind的一切吧！一、bind一共做了三件事情bind改变了函数当中this的指向返回一个新函数执行函数，传入参数var fn = function(arg1) { this.age = arg1; return this;}var obj = {name: 'haha'}// 1. 把fn里面的this指向到obj,...
js bind 传参、_手撕源码之apply()、call()、bind()
weixin_39643189的博客
11-20 326
大概两周没更新分享了，前一周忙工作，51节忙着浪，终于轮到分享的时候了，心里倍儿爽~ok，今天给大家带来JS中的apply()、call()以及bind()方法的源码实现。这三兄弟大家应该不陌生，平时工作中也会经常使用到，既然能用，想必原理方面的理解也大致了解，如果让你自己去实现这三个方法呢？在阅读本篇手撕源码之前，大家可以先自己去尝试一下如何实现，然后再来和我分享的实现方法对比一下，最好能取长补...
JavaScript中bind方法的使用
soos的博客
08-13 581
bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bind</title> </head> <body> <button id="btn">按钮</button&g
详解javascript的bind方法
一名高级工程师的博客
03-10 2580
JS的bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 通过bind可解决两个问题：1)以隐蔽和优雅的方式解决依赖注入的问题，可以将函数执行需要的上下文环境对象通过bind方法传递给函数，在函数内部直接使用this来引用。2)解决多层调用时this对象无法传递给内部函数的问题，...
jquery为绑定事件的方法传参
八神庵的博客~
11-17 1万+
用onclick点击事件举例： 传参时可以通过$('#btn').click({paramName:'要传到func的值'},func) //或者 $('#btn').bind('click',{paramName:'要传到func的值'},func)func里面怎么取得参数呢？function func(e){ //e.data.paramName即为绑定func事件时的参数 a
微信小程序点击事件绑定及传参详解
qq_41801484的博客
02-03 3153
小程序不是浏览器 小程序毕竟不是浏览器，所以很多我们写js时的那些内置对象及事件都没有，小程序为了满足用户需求会模仿做一些原生html元素的事件 bindtab 例如点击事件 click 在小程序中是叫做 bindtab 用法如下 <view class="icon_check_item_body" bindtap="iconClick" hover-class="icon_hover"> <image src="{{item.image}}" class="icon_ch
jquery bind('click')传参问题（例如：列表中每行绑定一个事件）
zhb200621的专栏
08-05 3694
jquey bind 点击事件时，往往会有点击列表中某行，
jQuery事件绑定方法：bind(), live(), delegate(), on()详解
- bind()是jQuery中最基础的事件绑定方法，它接收三个参数：事件类型（如click, dblclick等）、可选的数据对象（用于传递额外信息）以及一个事件处理函数。 - 例子中，使用`.bind("click", data, function)`绑定了...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值