替代html5的onclick

Question

 <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/

Answer 1

这对你有用

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处理程序的第一个参数发送。