要确定表单上哪个控件有焦点,可以使用JavaScript的document.activeElement
属性。这个属性返回当前具有焦点的DOM元素,例如输入框或按钮。
以下是一个简单的示例代码,可以在HTML页面中运行:
<!DOCTYPE html>
<html>
<head>
<title>焦点示例</title>
<script>
function showFocus() {
var focusedElement = document.activeElement;
alert("当前焦点在:" + focusedElement.tagName + "#" + focusedElement.id);
}
</script>
</head>
<body>
<input type="text" id="input1" />
<input type="text" id="input2" />
<button onclick="showFocus()">显示焦点</button>
</body>
</html>
在这个示例中,我们有两个输入框和一个按钮。当用户点击按钮时,showFocus()
函数会被调用,它会获取当前具有焦点的DOM元素,并弹出一个对话框显示该元素的标签名和ID。
这个方法可以用于确定表单中哪个控件有焦点,并可以根据需要执行相应的操作。
领取专属 10元无门槛券
手把手带您无忧上云