js 触发 onblur事件

爽朗的琪琪

已于 2023-02-11 10:26:20 修改

阅读量1.3k

点赞数

文章标签： javascript ajax 开发语言事件

于 2023-02-11 10:16:24 首次发布

本文链接：https://blog.csdn.net/zzq123686/article/details/128980658

版权

我设计了这样一个html:上传文件后检测文件名是否重复

然后我在js 里设置了文件名input的value

可是他不触发 onblur 事件的ajax 文件名检查

因此我需要在js中触发 id=articlename 的input的 onBlur事件

ie用 fireEvent 火狐 chome 用dispatchEvent

blur是事件类型:失去焦点

所有事件类型介绍https://developer.mozilla.org/zh-CN/docs/Web/Events

		var test = document.getElementById('articlename');
		if (document.all) {
			test.fireEvent('onBlur');
		} else {
			var event = document.createEvent("HTMLEvents");
			event.initEvent('blur', true, true);
			test.dispatchEvent(event);
		}

		$_('articlename').setValue(filename);

html（php）

<tr valign="middle" align="left">
  <td class="tdl">小说名称：</td>
  <td class="tdr">
  <input type="text" class="text" name="articlename" id="articlename" size="30" maxlength="50" value="" onBlur="Ajax.Update('{?$jieqi_modules['article']['url']?}/articlecheck.php?articlename='+this.value, {outid:'anamemsg', tipid:'anamemsg', onLoading:'<img border=\'0\' height=\'16\' width=\'16\' src=\'{?$jieqi_url?}/images/loading.gif\' /> Loading...'});" /> <span id="anamemsg"></span>
  </td>
</tr>