亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在JavaScript中冷調用blur()函數

在JavaScript中冷調用blur()函數

慕斯王 2024-01-18 14:34:26
我有一條線document.getElementById("firstName").addEventListener("blur", validateField);和 :validateField = (event) =>{    const el = event.target;}現在我想使用該行中的相應元素調用 validateField() 函數form.addEventListener('submit', function(event)。document.getElementById("firstName").blur(); // This is not getting called.但是冷調用blur() 不起作用。我想做的是在調用表單但仍然無效時填充引導程序 is-invalid 消息。el.classList.add('is-invalid');el.nextElementSibling.innerHTML = "This field is required";嘗試避免使用 jQuery,因為我可能會將其切換到 bootstrap 版本 5。
查看完整描述

1 回答

?
斯蒂芬大帝

TA貢獻1827條經驗 獲得超8個贊

我確實認為從技術上講,提交表單會失去焦點,除非用戶按下回車鍵來提交。另一種方法也許是,您可以嘗試專注于其他事情,而不是模糊特定的事物!


以下代碼對我有用。


document.getElementById("frm").addEventListener('submit', function(event) {

  event.preventDefault();

  document.getElementById("firstName").blur();

});

<form action="" id="frm">

  <input type="text" id="firstName" />

  <input type="submit" value="Press Enter" />

</form>

但對于替代解決方案:


document.getElementById("frm").addEventListener('submit', function(event) {

  event.preventDefault();

  document.getElementById("frm").focus();

});

#frm:focus {

  outline: none;

  box-shadow: none;

}

<form action="" id="frm" tabindex="0">

  <input type="text" id="firstName" />

  <input type="submit" value="Press Enter" />

</form>


查看完整回答
反對 回復 2024-01-18
  • 1 回答
  • 0 關注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號