如何访问标记内的javascript事件对象

Question

如何从html属性访问onTouchstart事件？有没有办法做到这一点？

<img src="img/ui/arrow-left.svg" ontouchstart="e.preventDefault(); /*my code here*/ ">

我不想做像

这样的事情

el.addEventListener("touchstart", handleStart, false);

function handleStart(evt) {
   evt.preventDefault();
   //my code here
}

Answer 1

不幸的是，您首选的内联事件处理方法被认为是不好的做法。使用抽象事件处理，您和您的应用程序会更好。

内联事件处理降低了可维护性和可读性。但是，无论你走到哪里都不会降低性能。如果您将网站提升给其他人并使用内联脚本，则会立即批评您的工作。更不用说了（来自程序员的回答（由于某些原因不能粘贴链接））HTML和CSS文件应该只包含 - 所有javascript最好放在一个单独的文件中以从控制器中抽象出来。可读性和可维护性对于拥有简单易用的脚本/站点更为重要。

由于event未定义为回调参数，因此默认为event而不是e。