怎么避免onkeydown 和 onblur 事件的冲突?

2010-06-21 05:43:06 303 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

React自动补全组件：构建生产级状态协同系统 Autocomplete（自动补全）是前端交互中典型的状态协同场景，其本质远不止UI渲染——它涉及输入、候选、选中、加载、错误五维状态的强耦合与实时一致性。基于React的实现必须超越useState简单管理，转向useReducer驱动的状态机建模，以应对快速输入、请求取消、键盘导航、网络抖动等真实工程挑战。技术价值在于保障用户意图不丢失、界面反馈不滞后、错误边界可收敛；广泛应用于搜索框、表单联想、代码编辑器提示等场景。本文聚焦React自动补全组件的核心原理与生产就绪实践。阅读详情

文本框里面我有 onblur事件和 onkeydown事件
<input id='std' MaxLength='20' type='text' class='StdTxt' onblur='blurStd(this);' onfocus='focusStd(this);' onkeydown='if(event.keyCode==13 && !this.value.trim().isNull()){blurStd(this);return false;}'/>
两者都是为了提交可是我在回车后执行的是onkeydown事件但是按完回车相应的焦点就失去同时又执行了 onblur事件
结果就是弹出一样的对话框两次我想让他回车后不执行 onblur事件该怎么解决

下面是我方法中相应的代码 alert("你输入的规格 " + txt.value + " 已存在,请重新输入!");这句话弹了两次
for (var j = 0; j < rdos.length; j++) {
var s = rdos[j].value.split(',');
if (s[0] != a[1]) {
if (s[1] == txt.value) {
alert("你输入的规格 " + txt.value + " 已存在,请重新输入!");
txt.focus();
txt.value="";
txt.className = "StdTxt1";
}
}
}

...全文