js keyup事件中文输入法不触发知乎

2024-08-30

中文输入法不触发onkeyup事件的解决办法

当监听一个input的keyup的事件的时候,英文输入法的情况下可以实时的通过keyup事件检测到文本框value的变化,但是当输入法变成中文后,input的keyup事件就不会被正常触发. 方法:oninput和onpropertychange两个事件. oninput是firefox下面可用,而onpropertychange则是ie下可用 http://www.jb51.net/article/52018.htm

解决js中文输入法无法触发onkeyup事件问题(转)

当监听一个input的keyup的事件的时候,英文输入法的情况下可以实时的通过keyup事件检测到文本框value的变化,但是当输入法变成中文后,input的keyup事件就不会被正常触发. oninput是firefox下面可用,而onpropertychange则是ie下可用.两个方法有着一些区别. oninput只能检测到value这个属性的变化,而onpropertychange则可以检测到包含value的所有属性的变化.于是开始改成这个样子. 使用oninput以及onpropert

实时监听input标签输入实时监听文本框输入避免中文输入法无法触发onkeyup事件的问题

前言: 对于实时监听输入,这种需求大多数都是用于一个联想字提醒,智能提醒.大家都知道onkeydown,onkeypress,onkeyup的在监听中文输入法或者右键粘贴的时候都存在一些弊端,不是那么完美. Demo: Html5提供了一个标准事件oninput和IE的专属事件onpropertychange事件来监听输入值的变化. <html> <head> <title>搜索</title> </head> <body> <

转: JS自定义事件的定义和触发(createEvent, dispatchEvent)

四.伪DOM自定义事件这里的“伪DOM自定义事件”是自己定义的一个名词,用来区分DOM自定义事件的.例如jQuery库,其是基于包装器(一个包含DOM元素的中间层)扩展事件的,既与DOM相关,又不直接是DOM,因此,称之为“伪DOM自定义事件”. //zxx: 下面即将展示的代码目的在于学习与认识,要想实际应用可能还需要在细节上做些调整.例如,下面测试的包装器仅仅只是包裹DOM元素,并非选择器之类:$符号未增加冲突处理,且几个重要方法都暴露在全局环境中,没有闭包保护等. 原型以及new函数构造

IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题

先上图: 可以看到输入框中的内容和弹出框的内容不一致, <input class="am-fr labRight" id="txcode" type="text" placeholder="请输入纳税人识别号" v-model="invBuyer.TaxCode" /> 文本框使用的是vue的v-model双向绑定,在android中是ok的,在IOS上不行, 导致问题出现的原因是IOS自带输入

移动APP 中文输入法下的搜索优化

最近做了一个移动端的搜索功能,带有suggest.实现上并没有什么可说的,但是在后续优化上,特别是在中文输入法的情况下的优化使我学到一些新东西,所以决定写一篇文章. 下面是我简化后的基本功能实现,监听输入框的input事件,当搜索框有输入时,根据输入内容和后端进行交互提供suggest,再监听keyup的事件,当用户敲击回车的时候,就进行一次搜索.注意其中suggest和search是两个自定义事件,并非原生事件.我们在实际生产环境里应该给自定义事件加上特殊前缀. $('#searchInput

keyDown keyPress keyUp 事件的区别

keyDown keyPress keyUp 事件的区别一触发顺序显而易见,事件发生的顺序是: keydown --> keypress --> keyup 当按住一个键一段时间后再放开时,结果为: keydownkeypresskeydownkeypresskeydownkeypresskeydownkeypress ...keyup n个keydown和n个keypress,1个keyup,系统设置的时间间隔. 二具体区别 KeyPress主要用来接收字母.数字等ANSI

JS对输入判断变化屏蔽中文输入法输入时连续触发事件的方法

代码如下: //智能搜索提示 IntelligenceSearch: function IntelligenceSearch() { $('#keyWord').on('input', function () { if ($(this).prop('comStart')) return; // 中文输入过程中不截断 var url = $('#hKeyWord').val(); var data = { keyword: $('#keyWord').val() }; $('#words').ht

在JS/jQuery中，怎么触发input的keypress/keydown/keyup事件？

怎么触发keypress/keydown/keyup事件? 问题: 1.在之前的写的input后面添加了搜索按钮 2.input只有keyup事件,如下: $("#desktop_folder_keyword, #internal_search_input,#update_search_input").off("keyup.desktopToolbar").on("keyup.desktopToolbar", function (e, noPus

js中文输入法字符串截断

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js中文输入法字符串截断</title> </head> <body> <p> <input type="text" class="title-input"> <s

input事件以及中文输入法的处理

在项目的开发过程中,相信大家都处理过监听用户输入的事情,一般我们会用到onkeyup.onkeydown.onkeypress.onchange.oninput事件,虽然都很熟悉了,但是还是有必要巩固一下. onkeyup 在当前元素上释放键盘按键时触发 onkeydown 当用户按下键盘是会触发 onkeypress 当用户在键盘上按下某个键(不是所有的键都会触发,比如ctrl)以后会触发(safari上测试,回退等键不会触发) oninput 当input元素的value属性发现变化时触发,

input事件中文触发多次问题研究

我们在网页中经常会遇到实时搜索的情况,或者其他类似需要input实时响应的问题,一般情况下,我们是利用input和propertychange事件来监听input内容的变化来响应,但是有一个问题就是当输入汉字的时候,可能我们要输入 ‘实时’ 的时候,我们的input框中会出现 'shishi'直到我们的空格才会变成 '实时',这也就意味着我们依次响应了 's','sh','shi','shis','shish','shishi','实时',前面的结果明显不是我们需要的 ,造成了我们很多次无用的提

iOS中文输入法多次触发的问题及解决方案

最近要在移动端实现一个文本框实时搜索的功能,即在文本框里每输入一个字,就向服务器请求一次搜索结果.暂且不考虑性能优化问题,第一时间想到的是用keyup实现: $('input').on('keyup',function() { AjaxRequest(); }); 这在安卓上没有问题,但在iOS上如果使用中文输入或者输入法的预设文本,就不会触发keyup事件,因此也就无法和服务器通信.为解决这个问题,在网上查了些资料,HTML5有专门处理的事件oninput,可以响应实时输入: $('input

compositionEnd 和 input 事件（中文输入法问题）

网上用 compositionstart + compositionend + input 解决中文输入法问题的办法 node.addEventListener('compositionstart', function(){ cpLock = true; }) node.addEventListener('compositionend', function(){ cpLock = false; }) node.addEventListener('input', function(){ if(!c

iphone手机浏览器文本框不触发输入中文的keyup事件

问题描述:iphone手机浏览器文本框不触发输入中文的keyup事件,在输入中文之后需要点击回退按键,才会开始搜索.问题分析:iphone手机的输入法(不管是第三方还是自带)能检测到英文或者数字的keyup事件,检测不到中文的keyup事件.解决方案:把keyup事件换成[input]和[propertychange]事件. var eventName = (navigator.userAgent.indexOf("MSIE")!=-1) ? "propertychange&

js keyup、keypress和keydown事件

js keyup.keypress和keydown事件都是有关于键盘的事件当一个按键被pressed 或released在每一个现代浏览器中,都可能有三种客户端事件. keydown event keypress event keyup event keydown事件发生在键盘的键被按下的时候,接下来触发keypress事件. keyup 事件在按键被释放的时候触发. 这三个事件在页面中的使用方法如下例: <input id="testkeyevent" name="

js keyup、keypress和keydown事件详解

js keyup.keypress和keydown事件详解 js keyup.keypress和keydown事件都是有关于键盘的事件当一个按键被pressed 或released在每一个现代浏览器中,都可能有三种客户端事件. keydown event keypress event keyup event keydown事件发生在键盘的键被按下的时候,接下来触发keypress事件. keyup 事件在按键被释放的时候触发. 这三个事件在页面中的使用方法如下例: <input id=&quo

js如何判断当前文本的输入状态——中文输入法的那些坑

相信各位在平时接需求的时候肯定会遇到这样的一些需求,例如,要求输入框限制输入长度,限制输入类型,限制只能英文输入,限制只能输入大写字母等等,这时候我们一般的思路无非两种,一种是弹出特定的键盘,第二种是在输入的过程中对输入内容进行正则匹配,然后根据自己的需求对input框进行赋值.弹出特定键盘可以通过对input框的type属性进行赋值,但由于不同的浏览器对弹出的输入框都有比较严格的限制,并且弹出之后用户可以进行切换,达不到限制用户输入的目的,所以接下来主要讨论第二种方法. 一般说到修改用户的输入

JS进阶 | 解决JQ keyup事件延迟的问题

写在前面在使用keyup事件时,存在一个问题,假如想要做出类似于表单验证的demo:表单输入账号 “xxx” 后再去ajax异步去后台数据库匹配,但是keyup事件的原理是每次键盘事件弹起就会检测,也就是输入“x”的时候就会检测,所以输入“xxx”就会使用三次ajax,这样的用户体验是不好的.再举一个例子,再用百度的时候,打开www.baidu.com 输入任意一个字符,就会自动弹出关于该字符的搜索信息,我感觉这个用户体验不好,我在输入一个字符的时候,百度搜索框下面某个新闻我很感兴趣,但是

asp.net textbox keyup事件触发后台的textchange事件

textbox文本框text_change事件,失去焦点才会执行. 通过keyup事件,js控制失去焦点. <asp:TextBox runat="server" ID="txt" onkeyup="thisFunc(this)" autocomplete="off" AutoPostBack="true" OnTextChanged="txt_TextChanged">&l

js keyup事件 中文输入法不触发 知乎

热门专题

js keyup事件中文输入法不触发知乎