如何将.on()事件中的变量传递给回调函数？
在.on()事件中传递变量给回调函数可以通过以下几种方式实现：
- 使用闭包：在.on()事件中定义一个闭包函数，将需要传递的变量作为参数传递给闭包函数，然后在闭包函数内部使用这些参数。例如：
var variable = "Hello";
$(".element").on("click", function() {
var data = variable;
// 在回调函数中使用data变量
console.log(data);
});- 使用data()方法：可以使用jQuery的.data()方法将变量绑定到DOM元素上，然后在回调函数中通过this关键字获取绑定的变量。例如：
var variable = "Hello";
$(".element").data("variable", variable);
$(".element").on("click", function() {
var data = $(this).data("variable");
// 在回调函数中使用data变量
console.log(data);
});- 使用bind()方法：可以使用JavaScript的bind()方法将需要传递的变量绑定到回调函数中，然后在.on()事件中使用绑定后的回调函数。例如：
var variable = "Hello";
function callback(data) {
// 在回调函数中使用data变量
console.log(data);
}
$(".element").on("click", callback.bind(null, variable));以上是将变量传递给回调函数的几种常见方式，具体使用哪种方式取决于具体的场景和需求。对于.on()事件，可以根据实际情况选择合适的方式来传递变量。
相关·内容
1回答
在具有不同参数的事件侦听器中执行具有回调参数的Javascript自定义函数？
javascript
我想用下面的javascript实现以下目标：
当单击其中一个div时，正确的参数(在本例中是div的编号)将被发送到回调函数并执行(在本例中，回调函数将在控制台中显示数字)。
但是，回调函数正在获取一个未定义的参数。如果我将newElement.addEventListener('click',function(){callback(anArray[i])});中的newElement.addEventListener('click',function(){callback(anArray[i])});替换为'hello'。我在控制台中看到写了
浏览 0提问于2015-02-21得票数 0
回答已采纳
3回答
.data代表什么？
jquery
var linkVar = { message:'Hello from a link'};
var pVar = { message:'Hello from a paragraph'};
function showMessage(evt) {
alert(evt.data.message);
}
$('a').bind('click',linkVar,showMessage);
$('p').bind('mouseover',pVar,showMessage);
我知道bind()函数是如何工作的
浏览 0提问于2016-01-08得票数 0
2回答
Javascript:绑定参数，但保留原始参数吗？
javascript
我想在JavaScript中向事件侦听器的回调注入一些值，但保留原始的事件对象。这有可能吗？
示例(1)：
function callback(event, arg) {
console.log(event);
console.log(arg);
}
var something = 2;
element.addEventListener(
"click",
callback.bind(element, ???, something)
);
如何在绑定其他参数的同时保留原始的event对象？
我知道我能做到(#2)：
element.addEv
浏览 5提问于2015-10-08得票数 3
回答已采纳
2回答
JavaScript :如何将对象作为参数传递给addEventListener函数？
javascript、jquery
我的JavaScript代码如下
$.getJSON( "sample_json.json", function( data ) {
//javascript object
var someId = data['item'][0]['id'];
console.log("Outside addEventListener "+someId);
//create <tr> element
var tr = document.createElement('tr');
//bind
浏览 5提问于2017-10-04得票数 1
回答已采纳
2回答
如何将参数传递给内置函数的回调函数？(即HTMLCanvasElement.toBlob)
javascript、parameter-passing
我想对生成的Blob进行检查，这需要我将自己的变量传递给回调函数。然而，。如何将我自己的变量传递给回调函数？或者，有没有更好的方法来完成这一点，而不需要向回调传递参数？
在尝试了.bind之后，我无法让它工作：
function handleCanvas(canvas, inputImage, file, quality, resolutionMultiplier) {
console.log(quality);
canvas.toBlob(processImage.bind(null, inputImage, file, quality, resolutionMultip
浏览 21提问于2016-08-10得票数 2
回答已采纳
3回答
使用addEventListener绑定
javascript、events、dom-events、addeventlistener
当在JavaScript中的事件侦听器上使用bind()时，我不能再获得带有"this“的元素。
下面是我的代码：
function callback(){
console.log(this.someVar);
// Works fine
console.log(this);
// No longer refers to the element, outputs "Object"
}
callback = callback.bind({someVar: 1234});
element.addEventListener(&
浏览 35提问于2019-11-03得票数 1
回答已采纳
4回答
ES6 -如何在绑定“`this`”类之后访问“`this`”元素？
javascript、jquery、ecmascript-6、this
如何在绑定this类之后访问this元素？
例如，没有绑定this
$(".button-open").click(function(event) {
console.log(this); // <a href="#" class="button-open">Open</a>
this.openMe();
});
结合this
$(".button-open").click(function(event) {
console.log(this); // Polygon {windowH
浏览 6提问于2016-11-26得票数 2
回答已采纳
3回答
访问单击的特定元素
javascript、jquery
我有以下方法
PMm.test = function (){
....plenty of code....
$('.element',this.page).click(function(e){
e.preventDefault();
var self = $(this);
console.log(self);
this.load(someoptions)
}.bind(this));
...plenty of code....
}
PMm.test.prototype.load = function(options){
浏览 3提问于2016-10-21得票数 1
回答已采纳
2回答
向.addEventListener添加回调
javascript
假设我有一个简单的事件侦听器注册模式：
function registerElement(){
var element = document.getElementById("element");
element.addEventListener("click", sayHello, false);
}
function sayHello(event){
event.preventDefault();
console.log("Hello from " + this.id);
}
registe
浏览 0提问于2018-03-05得票数 0
回答已采纳
5回答
在JQuery "ajax“方法中解决闭包问题
javascript、jquery
我对javascript比较陌生，虽然我知道是什么导致了这个bug，但我不确定如何重构才能使它工作。
for ( ... ) {
var variableQueryValue = i
addLink.bind('click', function() {
$.ajax({
type: 'POST',
url: '/example',
data: 'queryvalue=' + variableQueryValue,
浏览 0提问于2011-10-04得票数 2
回答已采纳
4回答
将多个参数与事件对象一起传递给事件处理程序
javascript、dom-events
如何在不使用Function.prototype.bind的情况下将多个参数与事件对象一起传递给事件处理程序？
事件处理程序中有一个闭包。
下面的基本代码不会工作，
element.addEventListener("click", eventHandler(eventObj + arguments), false);
function eventHandler(eventObj + arguments) {
return function(){}; //a closure
}
我不知道如何将事件对象和其他参数同时传递给事件处理程序。
更新：
我甚至尝试过在addEvent
浏览 0提问于2012-01-20得票数 7
回答已采纳
2回答
javascript addEventListener不工作
javascript、google-chrome-extension
我正在编写一个简单的chrome扩展，它列出了所有打开的标签，我在上面有这个代码
function changeTab(tabID){
chrome.tabs.update(tabID,{active:false})
}
chrome.windows.getCurrent({populate: true},function (window){
list = document.getElementById('open-tabs');
for (var i = 0; i < window.tabs.length; i++)
{
var li = do
浏览 0提问于2013-05-22得票数 4
回答已采纳
1回答
是否有可能避免在这里出现全球性问题？值得吗？
javascript、google-maps、kendo-ui
我有一个显示谷歌地图的网络应用程序。当用户单击地图上某个多边形上的某个位置时，同一页面上的kendo网格将通过kendo数据源更改的ajax调用填充。
当数据被kendo网格获取时，我也使用相同的数据来填充google地图上的工具提示。此工具提示需要显示在用户单击的同一位置。
为了传递这个点击的坐标，我使用了一个全局变量。我想知道是否有可能避免它，也想知道它是否值得麻烦。
这是我代码的摘录。
定义全局：
var clickLatLng;
订阅地图上的单击事件：
google.maps.event.addListener(polygon, 'click', function(ev
浏览 2提问于2015-02-20得票数 0
回答已采纳
4回答
闭包："Javascript: Good Parts“示例的逐行解释？
javascript、function、methods、closures
我正在读"Javascript: The Good Parts“，我完全被这里发生的事情搞糊涂了。如果能有更详细和/或更简化的解释，将不胜感激。
// BAD EXAMPLE
// Make a function that assigns event handler functions to an array of nodes the wrong way.
// When you click on a node, an alert box is supposed to display the ordinal of the node.
// But it always display
浏览 1提问于2010-06-01得票数 11
回答已采纳
5回答
为什么我不能在javascript中传递这个值？
javascript、variables
for (id = 50; id < 100; id++)
{
if($('#'+id).attr('class') == 'myField')
{
$('#'+id).bind('click', function() { install(id); } );
}
}
不知道为什么id不能到达function()中的'install‘。我尝试将每个按钮(id从50到100)绑定到一个click事件，以触发install(id)函数。但似乎变量id不能达
浏览 3提问于2011-11-18得票数 2
回答已采纳
5回答
尝试传入回调函数失败
javascript、jquery
我正在尝试创建一些功能，当用户点击网页上的一个元素。页面一执行，回调函数就会执行。它应该只在用户单击某个元素时执行。代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Javascript Test</title>
<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$("#clickMe")
浏览 0提问于2011-07-25得票数 0
回答已采纳
3回答
使用"this“的javascript函数DOM事件侦听器
javascript、dom
我希望我的事件侦听器函数isTwoCards从调用它的对象中获取信息。这段代码告诉我element.getAttribute不是一个函数
var gameboard = document.getElementById('game-board');
var cards = ['queen', 'queen', 'king', 'king'];
var cardsInPlay = [];
var isTwoCards = function(element){
cardsInPlay.push(element.
浏览 32提问于2016-08-09得票数 0
回答已采纳
3回答
对象中的闭包还是处理程序？
javascript
我点击一个按钮，就会有一个处理程序。我从来不知道我是应该使用闭包，还是应该让处理程序在对象中。例如，在HTML中，我有，
<button id="b">Go</button>
<button id="c">Go</button>
在JavaScript (带有一些jQuery)中，
var hdl=function(){
var hdl=function(){
foo+="foo"
console.log(foo)
},
foo="&
浏览 1提问于2011-12-05得票数 1
1回答
javascript库变量更改
javascript
我正在编写一个javascript库，下面是代码：
(function(){
var elem,
int,
method,
versrionInfo = {
release : "0.2.1",
date : "10/22/2013",
releaseNotes : "Jist has been modified to handle lists of element
浏览 0提问于2013-10-24得票数 3
回答已采纳
2回答
如何通过JavaScript中的"this“引用jQuery类？
javascript、jquery、reference、this、javascript-objects
考虑以下JavaScript类、属性和方法：
function Foo() {
this.data = 123;
}
Test.prototype.foo = function() {
$("body").append($("<div>")
.text("Hello World!")
.click(function () {
alert("Data: " + this.data);
})
);
}
var Bar = n
浏览 4提问于2015-03-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
