Jq input请求优化 input事件值变化

Jq的input监听事件很频繁,但是大多数情况在输入中文时我们只要按下空格之后的中文,而并不需要在输入中文过程中产生的拼音字母,这时就需要做一些校验了。事件监听的回调中event变量里面其实什么都有,因此根据这个变量的值做了以下校验,实际生产中需要的校验:

// 校验输入是否需要发请求
	function validateInput(event) {
		var currentInput = event.originalEvent.data;
		// 如果输入为空值(包括空格)返回false
		// insertCompositionText是输入法为中文输入模式
		if (event.originalEvent.inputType == 'insertCompositionText') {
			// 如果输入的是汉字或者希腊字母,则返回true
			if (currentInput && currentInput.match(/[\u4e00-\u9fa5]+|[\u0370-\u03ff]+/)) {
				return true;
			}
			return false;
		}
		// insertText是输入法为英文输入模式
		if (event.originalEvent.inputType == 'insertText') {
			// 如果输入的是逗号或者空格等分词符号,说明用户不是在输入要校验的字符,不用发请求,返回false
			if (currentInput && !currentInput.match(/,+|,+|\s+/)) return true;
			return false;
		}
		// insertFromPaste是粘贴,如果是粘贴,则放行
		if (event.originalEvent.inputType == 'insertFromPaste') {
			return true;
		}
		// deleteContentBackward是按回退键删除
		// deleteContentForward是按Del键删除
		if (['deleteContentBackward', 'deleteContentForward'].indexOf(event.originalEvent.inputType) != -1) {
			// 如果删除的是最后一个字符(即删除完文本输入框为空),则不发请求,返回false
			if ($(event.currentTarget).val()) return true;
			return false;
		}
		// 其他情况暂不考虑
		return false;
	}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值