js事件绑定方法如何传参

JavaScript017

js事件绑定方法如何传参,第1张

js中可以改变方法作用域和参数的方式有三种,apply,call,bind.

apply 和call类似第一个参数是方法的作用域,其它参数是方法的参数。不同的是apply的其它参数是个数组,数组的个数为参数的个数,call除开第一个参数其它参数方法参数,例子如下

function method() {

    console.log(this, arguments)

}

var a = 1

var b = 2, c = 3, d = 4

method.call(a, b, c, d)// 打印 [Number: 1] { '0': 2, '1': 3, '2': 4 }

method.apply(a, [b, c, d])// 同上 [Number: 1] { '0': 2, '1': 3, '2': 4 }

bind 和call参数传递方式一致,唯一区别是bind不会立即执行,只会更改作用域和方法参数,到真正执行方法时才会执行。

var t = method.bind(a, b)

t()// [Number: 1] { '0': 2 }

t = t.bind(null, c)

t()// [Number: 1] { '0': 2, '1': 3 }

t = t.bind(null, d)

t() // [Number: 1] { '0': 2, '1': 3, '2': 4 }

可以采用bind方法进行更改事件绑定的方法的参数及作用域。

$(span).live("click",function(){

saveEssay('hiuNNDiqLP',null,this)

})

可以这样绑定,想换绑定的话先解除绑定在重新绑定

$(span).unbind("click").bind("click",function(){

saveEssay('hiuNNDiqLP',"",this)

})

add方法里不加形参,要传什么值,直接通过this获取

比如你点击的是一个文本框,要传递文本框里的值,

function add() {

alert(this.value)

}

这样来就行了

如果不是标签某个属性值(value就是一个属性),那你可以在add里面嵌套一个方法调用,那个方法就是用来动态获取所要传递的变量的值