Question

单击开始挂钩按钮后立即调用asyncMsg函数。如何仅在用户点击“按我”按钮时更改为呼叫。我需要将2项数据传递给此回调。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">

function bindEvent(el, eventName, eventHandler) {
   if (el.addEventListener){
      el.addEventListener(eventName, eventHandler, false); 
   } else if (el.attachEvent){
      el.attachEvent('on'+eventName, eventHandler);
   }
}

function asyncMsg(data, fldid) {
   alert("asynchronous message with param1=" + data + " param2=" + fldid);
}

function dohooking() {
   var toinsert = "Duck";
   var fldid = "10";
   var btn = document.getElementById("hookee");
   bindEvent(btn, 'click', asyncMsg(toinsert, fldid));
}

</script>

<title></title>

</head>
<body>

<input type="button" id="sethooking" value="start hooking" onclick="dohooking();">
<br />

<input type="button" id="hookee" value="press me">
<br />

</body>
</html>

我可以看到如果我只是传递函数：

bindEvent(btn, 'click', asyncMsg);

然后它被异步调用，但是我如何传递2个参数？

Answer 1

你立即调用函数而不是将函数本身传递给bindEvent函数 - 因为调用函数是在函数上使用()“运算符”时会发生的事情。

你想要的是：

bindEvent(btn, 'click', asyncMsg.bind(null, toinsert, fldid));

函数的bind()方法返回另一个可调用函数，该函数将使用给定的上下文（在本例中为null）和提供的参数执行函数。

另一个在旧浏览器中也适用的选项是创建一个匿名函数，然后调用你的函数：

bindEvent(btn, 'click', function() {
    asyncMsg(toinsert, fldid);
});

为什么不会异步调用此回调

1 个答案: