如何在 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是塊元素，無論您的內容在行中的哪個位置結束，它都會占用整行的空間。

有關更多詳細信息，請參閱此鏈接

Answer 2

我寫了一個例子，我認為這對你有幫助你可以看到鏈接

  <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>