如何防止 JavaScript 觸發的連結點擊後頁面滾動到頂部？

如何防止JavaScript 觸發的連結點擊時頁面滾動到頂部

許多開發者都會遇到網頁滾動到頂部的問題單擊連結即可激活JavaScript。如果所需的操作是執行非導航操作，這可能會令人沮喪。

要解決此問題，您需要防止發生點選事件的預設操作（導覽至連結目標）。有兩種常見方法可以實現此目的：

選項1：event.preventDefault()

在此方法中，您呼叫事件的.preventDefault() 方法物件傳遞給您的事件處理程序。這會停止瀏覽器的本機導航行為。以下是使用jQuery 的範例：

<code class="javascript">$('#ma_link').click(function($e) {
    $e.preventDefault();
    // Perform your JavaScript action here
});</code>

選項2：傳回false

或者，從jQuery 事件處理程序傳回false 會自動觸發false 會自動觸發.stopPropagation( ) 和event.preventDefault()。這可以防止傳播和預設導覽：

<code class="javascript">$('#ma_link').click(function(e) {
     // Perform your JavaScript action here
     return false;
});</code>

對於非 jQuery DOM 事件，您也可以在現代瀏覽器上使用此方法，因為它是 HTML 5 規範的一部分。但是，對於較舊的瀏覽器，建議明確呼叫 .preventDefault() 以獲得最大相容性。

以上是如何防止 JavaScript 觸發的連結點擊後頁面滾動到頂部？的詳細內容。更多資訊請關注PHP中文網其他相關文章！