click在html中用法是什麼-html教學-PHP中文網

首頁

web前端

html教學

click在html中用法是什麼

醉折花枝作酒筹

Jun 04, 2021 pm 02:14 PM

click html

在html中，click的用法是「checkboxObject.click()」。「click()」方法觸發「onclick()」事件，用於在checkbox上模擬一次滑鼠點擊。「click()」方法中再加入函數可以起到追加事件的作用。

click在html中用法是什麼

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

定義和用法

click() 方法用於在 checkbox 上模擬一次滑鼠點擊。作用是觸發onclick()事件

方法：是處理過程，也就是對一段自訂的程式碼封裝與打包，方便再利用，避免重複性；

只要執行了元素的click ()方法，就會觸發onclick()事件。

可以在cliick()方法中再加入函數進行追加事件的作用；

click方法中的function程式碼會在onclick事件執行完後執行，此時click方法起到追加事件的作用。

語法

checkboxObject.click()

登入後複製

實例

下面的範例可在checkbox 上模擬一次滑鼠點擊：

<html>
  <head>
    <script type="text/javascript">
      function clickCheckbox() {
        document.getElementById("check1").click();
      }
    </script>
  </head>
  <body>
    <form>
      <input type="checkbox" id="check1" />
      <br />
      <input type="button" onclick="clickCheckbox()" value="Click checkbox" />
    </form>
  </body>
</html>

登入後複製

效果：

click在html中用法是什麼

#擴充資料：

HTML中click()和onclick()的本質差異與案例和解釋；分為四點；

第一點：英文翻譯：

On的意思是：打開，接通，滑鼠事件的觸發條件；

顯示onclick()代表的是一個事件；而在HTML中， click()為方法；

第二點：中文解釋：

什麼叫事件？什麼叫方法？ ######事件：滑鼠事件的觸發條件，例如滑鼠劃出和劃進、點擊、雙擊等等######方法：是處理過程，也就是對一段自訂的程式碼封裝和打包，方便再利用，避免重複性；######簡單記為：事件：觸發事件，方法：處理過程；######第三點：：click()和onclick()的關係# #####onclick()是綁定事件：作用執行函數程式碼；######click()本身是方法：作用是觸發onclick()事件######推薦學習：### html影片教學######

以上是click在html中用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn