替代html5的onclick

时间:2014-06-11 23:58:28

标签: javascript html5 onclick firefox-os

 <div id="btnSideToggle" onclick="Viewer.toggleThumbnails();"><img src="assets/pgThumbs.png"></div>

由于Firefox OS Marketplace上的CSP限制,我无法在html5页面上使用onclick,任何人都可以告诉我替代HTML5的onclick

这是完整的代码: http://jsfiddle.net/edd4225/v65qZ/

1 个答案:

答案 0 :(得分:2)

这对你有用

var button = document.querySelector("#btnSideToggle");

button.addEventListener("click", function onclick(event) {
  Viewer.toggleThumbnails();
  event.preventDefault();
});

您可以使用Function.prototype.bind(需要ECMAScript >= 5

来简化它
button.addEventListener("click", Viewer.toggleThumbnails.bind(Viewer));

注意仍然会将Event作为toggleThumbnails处理程序的第一个参数发送。