编程 HTML / CSS

如何利用input事件来监听移动端的输入

Posted in HTML / CSS onApril 15, 2016

今天遇到一个新需求，经理要求评论功能需要限制字数，就像微博那样限制最多输入150字，这里就需要实时提醒用户还能输入多少字了。

在最开始的时候，想到的是监听keyup事件，然后计算用户输入的字数，但是有些按键（比如删除键）并不会触发事件。

后来查了一下html5新增了一个input事件，这个事件与change事件类似，但change事件是在元素失去焦点时才会触发，input事件在元素值变化时就会触发

目前来说除了IE89以外，其它浏览器支持的都还是不错的，在移动端可以放心的用了

如何利用input事件来监听移动端的输入

以上这篇如何利用input事件来监听移动端的输入就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

原文地址：http://www.cnblogs.com/wodertian/p/5391113.html

如何利用input事件来监听移动端的输入

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

CSS3中文字镂空、透明值、阴影效果设置示例小结

Mar 07 HTML / CSS

CSS3地图动态实例代码(圆圈向外扩散)

Jun 15 HTML / CSS

CSS3 简单又实用的5个属性

Mar 04 HTML / CSS

纯css3实现效果超级炫的checkbox复选框和radio单选框

Sep 01 HTML / CSS

CSS3实现时间轴效果

Jul 11 HTML / CSS

如何使用localstorage代替cookie实现跨域共享数据问题

Apr 18 HTML / CSS

HTML5中的Scoped属性使用实例

Apr 23 HTML / CSS

html5.2 dialog简介详解

Feb 27 HTML / CSS

微信html5页面调用第三方位置导航的示例

Mar 14 HTML / CSS

html5中audio支持音频格式的解决方法

Aug 24 HTML / CSS

Canvas如何做个雪花屏版404的实现

Sep 25 HTML / CSS

CSS中使用grid布局实现一套模板多种布局

Jul 15 HTML / CSS

HTML5移动端开发中的Viewport标签及相关CSS用法解析

Apr 15 #HTML / CSS

整理HTML5移动端开发的常用触摸事件

Apr 15 #HTML / CSS

实例讲解使用SVG制作loading加载动画的方法

Apr 05 #HTML / CSS

移动端HTML5实现文件上传功能【附代码】

Mar 25 #HTML / CSS

HTML5触摸事件演化tap事件介绍

Mar 25 #HTML / CSS

html5生成柱状图(条形图)效果的实例代码

Mar 25 #HTML / CSS

用html5绘制折线图的实例代码

Mar 25 #HTML / CSS

You might like

蝙蝠侠：侠影之谜

2020/03/04 欧美动漫

php-redis中的sort排序函数总结

2015/07/08 PHP

php实现查询功能（数据访问）

2017/05/23 PHP

PHP实现正则匹配所有括号中的内容

2018/06/22 PHP

PHP数组访问常用方法解析

2020/09/05 PHP

cloudgamer出品ImageZoom 图片放大效果

2010/04/01 Javascript

Function.prototype.call.apply结合用法分析示例

2013/07/03 Javascript

jQuery把表单元素变为json对象

2013/11/06 Javascript

js判断是否为ie的方法小结

2014/01/13 Javascript

js分页代码分享

2014/04/28 Javascript

jQuery 中$(this).index与$.each的使用指南

2014/11/20 Javascript

EasyUI中datagrid在ie下reload失败解决方案

2015/03/09 Javascript

jquery实现先淡出再折叠收起的动画效果

2015/08/07 Javascript

BootStrap中Tab页签切换实例代码

2016/05/30 Javascript

解决Mac node版本升级失败的问题

2018/05/16 Javascript

NodeJS 中Stream 的基本使用

2018/07/30 NodeJs

Vue中的v-for循环key属性注意事项小结

2018/08/12 Javascript

微信小程序实现弹出层效果

2020/05/26 Javascript

使用ESLint禁止项目导入特定模块的方法步骤

2019/03/04 Javascript

Bootstrap实现省市区三级联动(亲测可用)

2019/07/26 Javascript

pydev使用wxpython找不到路径的解决方法

2013/02/10 Python

利用Python的装饰器解决Bottle框架中用户验证问题

2015/04/24 Python

python实现计算倒数的方法

2015/07/11 Python

深入了解Python数据类型之列表

2016/06/24 Python

Python实现购物系统(示例讲解)

2017/09/13 Python

python实现k-means聚类算法

2018/02/23 Python

简单了解python PEP的一些知识

2019/07/13 Python

Python 字符串类型列表转换成真正列表类型过程解析

2019/08/26 Python

pytorch中的weight-initilzation用法

2020/06/24 Python

使用CSS3制作响应式导航菜单的方法

2015/07/12 HTML / CSS

马德里著名的运动鞋商店：NOIRFONCE

2019/04/12 全球购物

公司门卫岗位职责

2014/03/15 职场文书

标准发言稿结尾

2019/07/18 职场文书

pandas数值排序的实现实例

2021/07/25 Python

python实现简单的三子棋游戏

2022/04/28 Python

如何用H5实现好玩的2048小游戏

2022/07/23 HTML / CSS