當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML DOM click()用法及代碼示例


click()方法用於模擬在元素上的鼠標單擊。此方法的用法原理與手動單擊元素完全相同。

用法:

HTMLElementObject.click()

參數:無需參數。


返回值:沒有返回值。

例:在此示例中,當光標移到單選按鈕上方時,它將執行鼠標單擊事件,並且在手動單擊時選中了單選按鈕。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML | DOM click() method 
    </title> 
    <!--script to stimulate mouse click-->
    <script> 
        function clck() { 
            document.getElementById("input1").click(); 
        } 
    </script> 
</head> 
  
<body> 
  
    <p> 
      Hover over the radio button to simulate 
      a mouse-click. 
    </p> 
  
    <form> 
        <input type="radio" id="input1"
               onmouseover="clck()">  
      GeeksforGeeks 
    </form> 
  
</body> 
  
</html>

輸出:
將鼠標懸停在單選按鈕上之前:

將鼠標懸停在單選按鈕上之後:

支持的瀏覽器:下麵列出了DOM click()方法支持的瀏覽器:

  • 穀歌瀏覽器
  • IE瀏覽器
  • 火狐瀏覽器
  • Opera
  • 蘋果瀏覽器


相關用法


注:本文由純淨天空篩選整理自ProgrammerAnvesh大神的英文原創作品 HTML | DOM click() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。