javascript - 如何获取 onClick 的字符索引 [HTML]

Question

可以知道 onClick 相对于 HTML 正文的字符索引。

我尝试搜索，但没有成功。我无法使用 Jquery，因为我正在使用 Angular JS/Ionic

Answer 1

如果您想知道单击了一串字符中的哪个字符，则必须为每个字符附加一个事件监听器。在您的模板中:

<span ng-click="charClick(0)">H<span>
<span ng-click="charClick(1)">E<span>
<span ng-click="charClick(2)">L<span>
<span ng-click="charClick(3)">L<span>
<span ng-click="charClick(4)">O<span>

在 Controller 中:

$scope.charClick = function (index) {
  console.log(index);
}

这真是太恶心了。您可能应该使用 ng-repeat 来渲染每个字符，这样您就不必手动重复那么多代码。