在用户提交表单后将焦点放在精选div或成功消息上,可以通过以下步骤实现:
以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>表单提交后设置焦点</title>
</head>
<body>
<form id="myForm">
<!-- 表单内容 -->
<input type="text" id="name" placeholder="姓名">
<input type="email" id="email" placeholder="邮箱">
<button type="submit">提交</button>
</form>
<div id="selectedDiv">
<!-- 精选div内容 -->
</div>
<div id="successMessage">
<!-- 成功消息内容 -->
</div>
<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单的默认提交行为
// 设置焦点到精选div或成功消息上
var selectedDiv = document.getElementById('selectedDiv');
var successMessage = document.getElementById('successMessage');
if (selectedDiv) {
selectedDiv.focus();
} else if (successMessage) {
successMessage.focus();
}
});
</script>
</body>
</html>
在上述示例中,我们使用了JavaScript来监听表单的提交事件,并在事件处理函数中阻止了表单的默认提交行为。然后,根据条件判断,将焦点设置到精选div或成功消息上。
请注意,上述示例中的代码仅为演示目的,实际应用中需要根据具体情况进行适当的修改和调整。
领取专属 10元无门槛券
手把手带您无忧上云