两个事件处理程序分配之间的差异
两个事件处理程序分配之间的差异
提问于 2015-12-10 21:52:41
假设我们有一个带有一个脚本的简单html页面：
<html>
<script type="text/javascript">
window.onpopstate=function(event)
{ alert("hi"); }
</script>
<body >
<h1> Hi, 2 </h1>
<a href="h3.htm">next</a>
</body>
</html>它不起作用(我在Chrome和FF下尝试过)。但是当我把脚本代码写成
<script type="text/javascript">
function pp(event) { alert("hi"); }
window.onpopstate=pp()
</script> 它起作用了!对我来说，这两段代码只在函数定义上有所不同，但在实践中却不一样。
顺便说一句，即使onpopstate事件触发，事件也是未定义的。对我来说这是另一件不清楚的事情。谢谢你的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-12-10 22:17:57
正如@桑普森所说..。他们不一样..。
在第二个示例中，window.onpopstate被填充到执行pp的结果中。在本例中，此函数返回未定义的函数，因此在此之后window.onpopstate未定义。当然，您可以看到alert，但是window.onpopstate是undefined。
在第一个例子中，window.onpopstate是由函数本身填充的，这正是我们所期望的。如果您看到医生们，onpopstate需要一个funcRef，这正是您要传入的参数。
底线:在第二个例子中，您看到了alert，因为您正在调用函数，但是第一个是正确的。为了真正看到onpopstate被解雇，您应该添加到浏览器历史，但这是另一个故事.
Stack Overflow用户
发布于 2015-12-10 22:19:12
首先，在第二个片段中，函数调用pp()，很可能是window.onpopstate=pp。
其次，当您执行手动history.pushState({page: 1}, "title 1", "?page=1");，然后单击history.back();或单击“后退”按钮时，它就能工作了。不知道为什么点击链接没有在历史中添加条目。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34212432
复制相关文章
相似问题
腾讯云开发者
