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