替代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处理程序。