HTML DOM click() 方法
htmlweb developmentfront end technology更新于 2025/9/23 5:32:17
HTML DOM click() 方法模拟鼠标点击元素。它可以像用户点击任何元素一样进行操作。该方法用于触发元素的 click 事件。click 事件会进行事件冒泡，即它会触发其所有父元素的 click 事件。
语法
以下是 HTML DOM click() 方法的语法 −
HTMLElementObject.click()
示例
让我们看一个 click() 方法的示例 −
<!DOCTYPE html>
<html>
<body>
<p>Hover over the radio button to simulate a mouse-click.</p>
<form>
<label>Radio <input type="radio" id="myRadio" name="choice"
onmouseover="clickFunction()"</label>
</form>
<p id="Sample"></p>
<script>
function clickFunction() {
document.getElementById("myRadio").click();
document.getElementById("Sample").innerHTML = "Radio button has been clicked on
mouse hover";
}
</script>
</body>
</html>
输出
这将产生以下输出 −
鼠标悬停在单选按钮上时 −
我们在表单中创建了一个带有标签的单选按钮，并为其指定了 “myRadio” id。鼠标悬停在该按钮上时，将执行 clickFunction() −
<label>单选按钮 <input type="radio" id="myRadio" name="choice" onmouseover=”clickFunction()"</label>
clickFunction() 使用 getElementById() 方法获取单选按钮并执行其 click() 方法。这将检查单选按钮。检查单选按钮后，将使用其 innerHTML 属性在 ID 为"Sample"的段落中显示一条成功消息 −
function clickFunction() {
document.getElementById("myRadio").click();
document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover";
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
