我怎樣才能使文本只添加一次？

Question

$("#paragraph").on("click", function(event){$("#paragraph").append(' Whoah! I didnt even know I could do that! I am a RAINBOW!')
event.preventDefault();})

我嘗試添加 event.preventDefault() 只是因為我知道這與以某種方式永久存在的操作有關。 老實說，我不知道它做了什么。 我的問題是，無論單擊該段落多少次，我都希望僅添加一次文本，目前，它會不斷添加文本，以便如果您繼續單擊它，文本會重復。

Answer 1

JQuery 有一個.one(..)事件，它完全符合您的要求。 它附加了一個僅觸發一次的事件處理程序。

 $("#paragraph").one("click", function(event){$("#paragraph").append(' Whoah; I didnt even know I could do that! I am a RAINBOW!')});

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p id="paragraph">I am the paragraph</p>

Answer 2

添加一個全局。 您可以使用this來引用您的元素。

 let clicked = false; $("#paragraph").on("click", function(event) { if (.clicked) { this;append(' Whoah; I didnt even know I could do that! I am a RAINBOW!'); clicked = true; } })

 <p id="paragraph">Click</p> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>