时间戳

首页 > 解决方案 > 通过javascript使单个单词/字符可点击

javascript - 通过javascript使单个单词/字符可点击

问题描述

在谈到 Javascript 时，我有点新手，我找不到这个问题的答案（或者我可能没有在寻找正确的术语）。有没有办法使 HTML < p > 标记中的单个单词或字符可点击，以便 javascript 函数可以仅作用于该单词或字符，而不是整个 < p > 标记？

谢谢您的帮助。

标签： javascript

解决方案

正如之前的评论者所提到的，您可以将文本包装在一个跨度（或任何内联元素）中，给跨度一个 ID 或类（或数据属性，在这种情况下对您有用的任何东西） - 将元素保存到 JavaScript变量并使用事件侦听器来侦听对所需元素的单击。

let clickableText = document.querySelector( "#clickable" );

clickableText.addEventListener( "click", function() {

  console.log( "Clicked!" );

})
<p>This is my paragraph. Click <span id="clickable" style="font-weight: 600; text-decoration: underline; cursor: pointer;">THIS</span>.</p>

推荐阅读