编程 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使用技巧5个

Apr 02 HTML / CSS

css3中transition属性详解

Sep 02 HTML / CSS

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

Jul 12 HTML / CSS

CSS3中几个新增加的盒模型属性使用教程

Mar 01 HTML / CSS

CSS3实现多背景模拟动态边框的效果

Nov 08 HTML / CSS

css3学习系列之移动属性详解

Jul 04 HTML / CSS

浅析CSS3 中的 transition，transform，translate之间区别和作用

Mar 26 HTML / CSS

html5声频audio和视频video等新特性详细说明

Dec 26 HTML / CSS

HTML5图片预览实例分享

Jun 04 HTML / CSS

HTML5 3D衣服摇摆动画特效

Mar 17 HTML / CSS

基于canvas使用贝塞尔曲线平滑拟合折线段的方法

Jan 10 HTML / CSS

CSS3中Animation实现简单的手指点击动画的示例

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

数据库的日期格式转换

2006/10/09 PHP

php中处理mysql_fetch_assoc返回来的数组不用foreach----echo

2011/05/04 PHP

Window下PHP三种运行方式图文详解

2013/06/11 PHP

PHP常用编译参数中文说明

2014/09/27 PHP

PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)

2016/01/09 PHP

php mysqli查询语句返回值类型实例分析

2016/06/29 PHP

PHP实现创建微信自定义菜单的方法示例

2017/07/14 PHP

解决PHP使用CURL发送GET请求时传递参数的问题

2019/10/11 PHP

Thinkphp 框架扩展之行为扩展原理与实现方法分析

2020/04/23 PHP

JS创建类和对象的两种不同方式

2014/08/08 Javascript

jQuery实现给页面换肤的方法

2015/05/30 Javascript

Javascript实现通过选择周数显示开始日和结束日的实现代码

2016/05/30 Javascript

温习Javascript基础语法之词法结构

2016/05/31 Javascript

vue 2.x 中axios 封装的get 和post方法

2018/02/28 Javascript

vue input输入框模糊查询的示例代码

2018/05/22 Javascript

对Vue- 动态元素属性及v-bind和v-model的区别详解

2018/08/27 Javascript

详解vue通过NGINX部署在子目录或者二级目录实践

2018/09/03 Javascript

Vue.js实现可排序的表格组件功能示例

2019/02/19 Javascript

浅谈React Native 传参的几种方式(小结)

2019/05/21 Javascript

webpack的tree shaking的实现方法

2019/09/18 Javascript

js实现上传图片并显示图片名称

2019/12/18 Javascript

python正则表达式修复网站文章字体不统一的解决方法

2013/02/21 Python

Python模仿POST提交HTTP数据及使用Cookie值的方法

2014/11/10 Python

浅谈python中的__init__、__new__和__call__方法

2017/07/18 Python

pandas每次多Sheet写入文件的方法

2018/12/10 Python

python pyenv多版本管理工具的使用

2019/12/23 Python

常用python爬虫库介绍与简要说明

2020/01/25 Python

使用 Python 读取电子表格中的数据实例详解

2020/04/17 Python

利用python制作拼图小游戏的全过程

2020/12/04 Python

美国一家主营日韩美妆护肤品的在线商店：iMomoko

2016/09/11 全球购物

迪奥美国官网：Dior美国

2019/12/07 全球购物

外企C语言笔试题

2013/11/10 面试题

优秀中专生推荐信

2013/11/17 职场文书

葬礼司仪主持词

2014/03/31 职场文书

领导干部“四风”查摆问题个人整改措施

2014/10/28 职场文书

老兵退伍感言

2015/08/03 职场文书