`
zfq0714
  • 浏览: 16168 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

手机端keyup中文不提示

阅读更多

 IOS中input键盘事件keyup、keydown、keypress支持不是很好

问题是这样的,用input search做模糊搜索的时候,在键盘里面输入关键词,会通过ajax后台查询,然后返回数据,然后再对返回的数据进行关键词标红。用input监听键盘keyup事件,在安卓手机浏览器中是可以的,但是在ios手机浏览器中变红很慢,用输入法输入之后,并未立刻相应keyup事件,只有在通过删除之后才能相应!

解决办法:

可以用html5的oninput事件去代替keyup

<input type="text" id="testInput">
<script type="text/javascript">
    document.getElementById('testInput').addEventListener('input',function(e){
      var value = e.target.value;
    });
</script>

然后就达到类似keyup的效果!

分享到:
评论

相关推荐

    C#WinForm中的KeyDownKeyPress和KeyUp事件相关知识点

    ### C# WinForm中的KeyDown, KeyPress和KeyUp事件相关知识点 #### 一、按键的类型与识别 在C# WinForm应用中,处理用户的键盘输入是常见需求之一。Windows窗体通过引发键盘事件来响应用户的键盘操作。这些事件主要...

    jQuery手机端搜索框样式代码.zip

    "jQuery手机端搜索框样式代码.zip" 提供了一种解决方案,利用jQuery库来增强手机搜索框的功能和样式,使得用户在小屏幕设备上的搜索体验更加便捷和舒适。这个项目基于jQuery 1.9.1版本,一个广泛使用的JavaScript库...

    jQuery手机端搜索框删除图标删除文字代码.zip

    这是一款jQuery实现的手机端搜索框删除图标删除文字代码,删除图标在搜索框右侧,点击可删除所有文字。删除图标为svg格式,需服务器支持。 js代码 [removed][removed] [removed] $('.content').on('keyup',...

    vue实现给div绑定keyup的enter事件

    然而,Vue的事件绑定语法默认不支持直接在`div`上绑定`keyup.enter`,因为`div`元素不直接支持`keyup`事件。下面我们将详细介绍如何在Vue中为`div`元素实现这一功能。 首先,我们来看一下模板部分的代码: ```html...

    javascript 表单验证禁止输入中文汉字

    如果检测到有中文汉字,我们可以显示错误提示并阻止提交,如下所示: ```javascript document.getElementById('yourInputField').addEventListener('input', function(event) { if (containsChinese(event.target....

    VBA 限制输入中文或只能输入数字

    下面是一个简单的示例代码,使用 KeyUp 事件来限制输入中文: ```vba Private Sub TextBox1_KeyUp(ByVal KeyCode As MSForms.ReturnInteger, ByVal Shift As Integer) strText = TextBox1.Text Length = 0 For i...

    vue element-ui 绑定@keyup事件无效的解决方法

    这些行为可能与`@keyup`事件冲突,导致用户定义的事件处理器不被触发。为了解决这个问题,我们可以使用`.native`修饰符。 `.native`修饰符的作用是在元素的底层DOM节点上监听原生事件,而不是在Vue实例或其子组件上...

    网页模板——vue.js实现适用于手机端注册表单输入密码强度验证功能源码.zip

    - **错误提示**:如果用户输入不符合规则,可以显示错误信息。 - **格式检查**:如不允许连续字符、空格等。 - **实时反馈**:用户输入时,显示进度条或文字提示,增强交互体验。 总之,这个Vue.js源码示例提供了一...

    PyPI 官网下载 | keyup-1.1.2.tar.gz

    `keyup-1.1.2.tar.gz` 是一个在PyPI上发布的软件包,根据其命名规则,我们可以推断出这是一款名为`keyup`的Python库的版本1.1.2的源代码压缩包,采用`tar.gz`格式进行打包。 `tar.gz`是一种常见的文件打包和压缩...

    深入理解JQuery keyUp和keyDown的区别

    `keyup`和`keydown`是两种常见的键盘事件,它们都与用户的按键操作紧密相关,但触发的时机有所不同。本文将深入探讨这两者的差异以及它们在实际应用中的作用。 `keydown`事件在用户按下键盘上的任意键时触发,它...

    html5实现疯狂的鲨鱼吃小鱼手机端游戏源码.zip

    5. 响应式设计:由于是手机端游戏,源码中可能包含了响应式设计,确保游戏在不同尺寸和比例的设备上都能正常显示。这可能涉及到CSS3的媒体查询(media queries)或者自适应布局技术。 6. 图像优化:为了提高游戏...

    javascript KeyDown、KeyPress和KeyUp事件的区别与联系

    此外,`KeyUp`事件也是区分小键盘和主键盘的数字字符的,而`KeyDown`和`KeyPress`则不区分。 在实际应用中,`KeyDown`和`KeyUp`常用于实现快捷键绑定或者检测特定按键的按下和释放,而`KeyPress`则更多地用于文本...

    JQuery实现输入框大写提示

    在本文中,我们将深入探讨如何使用JQuery实现输入框大写提示功能,这对于创建具有用户友好体验的登录界面尤其有用。JQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务,使得前端开发...

    AngularJS基础 ng-keyup 指令简单示例

    值得注意的是,`ng-keyup`不会阻止元素的默认`onkeyup`事件处理,这意味着在触发`keyup`事件时,`ng-keyup`表达式会执行,同时原生的JavaScript事件处理程序也会继续工作。这种设计使得AngularJS可以与现有的...

    jquery输入框提示插件input输入框文字下拉提示添加标签代码

    4. **过滤与显示提示**:在 `keyup` 事件处理器中,我们可以获取用户的输入,然后过滤数据源,找出匹配的项。这些匹配项将被动态添加到下拉容器中。 ```javascript var userInput = $(this).val(); var ...

    智能提示-仿百度

    2. **事件监听**:在JavaScript中,需要监听用户的输入事件,如`keyup`或`input`事件,以便在用户键入每个字符时实时更新提示。 3. **Ajax异步请求**:当用户输入变化时,前端会通过Ajax发送异步请求到服务器,请求...

    jQuery输入前提示

    4. **动态更新提示**:在`keyup`事件中,监听用户的输入,根据输入内容查询数据源(可能是数据库、数组或者其他API),找到匹配项,然后显示在提示区域。这一步可能涉及到Ajax请求,使用`$.ajax`或`$.get`等方法。 ...

Global site tag (gtag.js) - Google Analytics