如何使 html 中的元素不是整行长

Question

所以我想做的是 HTML 中的一个段落，然后当你点击它时它会执行特定的操作，例如：

<p id='hello'>Hello</p>

<script>
hello.onclick = function() {
 console.log("clicked!");
}
</script>

唯一的问题是当我点击文本旁边的时候，它仍然检测为点击，我希望点击率是段落文本的长度。最好的方法是什么？

Answer 1

我建议您使用 inline 元素而不是像下面这样的 p -

<span id='hello'>Hello</span>

因为p是块元素，无论你的内容在行中的什么地方，它都会占用整行的space。

有关详细信息，请参阅此 link

Answer 2

我写了一个例子，我想这对你有帮助你可以看到 link

  <buttom onclick="clickMe()">click me please</buttom>
  <div>
    <p id="write"></p>
  </div>

<script>
     function clickMe() {
        let getELementP = document.getElementById("write");
        getELementP.innerHTML = "writeHere";
      }
</script>

如何使 html 中的元素不是整行长

How do I make an element in html not an entire line long

html

javascript

function

paragraph

content-length