编程 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色彩模式有哪些？CSS3 HSL色彩模式的定义

Apr 26 HTML / CSS

CSS3中的常用选择器使用示例整理

Jun 13 HTML / CSS

CSS3 不定高宽垂直水平居中的几种方式

Mar 26 HTML / CSS

canvas绘制表情包的示例代码

Jul 09 HTML / CSS

html5 兼容IE6结构的实现代码

May 14 HTML / CSS

HTML5 Video/Audio播放本地文件示例介绍

Nov 18 HTML / CSS

HTML5 Canvas+JS控制电脑或手机上的摄像头实例

May 03 HTML / CSS

使用html5 canvas绘制圆环动效

Jun 03 HTML / CSS

详解window.open被浏览器拦截的解决方案

Jul 18 HTML / CSS

使用HTML5做的导航条详细步骤

Oct 19 HTML / CSS

详解HTML5布局和HTML5标签

Oct 26 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

深入理解PHP原理之Session Gc的一个小概率Notice

2011/04/12 PHP

php引用计数器进行垃圾收集机制介绍

2012/09/19 PHP

php setcookie(name, value, expires, path, domain, secure) 参数详解

2013/06/28 PHP

PHP is_subclass_of函数的一个BUG和解决方法

2014/06/01 PHP

php随机生成数字字母组合的方法

2015/03/18 PHP

PHP自定义函数获取URL中一级域名的方法

2016/08/23 PHP

一键生成各种尺寸Icon的php脚本(实例)

2017/02/08 PHP

基于JQuery.timer插件实现一个计时器

2010/04/25 Javascript

juqery 学习之六 CSS--css、位置、宽高

2011/02/11 Javascript

jquery监控数据是否变化(修正版)

2011/04/12 Javascript

javascript:history.go()和History.back()的区别及应用

2012/11/25 Javascript

5个JavaScript经典面试题

2014/10/13 Javascript

浅谈Javascript Base64 加密解密

2014/12/28 Javascript

javascript解析xml实现省市县三级联动的方法

2015/07/25 Javascript

jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法

2015/12/12 Javascript

Javascript动画效果（2）

2016/10/11 Javascript

js实现图片懒加载效果

2017/07/17 Javascript

前端把html表格生成为excel表格的实例

2017/09/19 Javascript

Vue登录主页动态背景短视频制作

2019/09/21 Javascript

浅谈TypeScript的类型保护机制

2020/02/23 Javascript

[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

Python文件及目录操作实例详解

2015/06/04 Python

Python selenium文件上传方法汇总

2020/11/19 Python

Django 多表关联存储使用方法详解 ManyToManyField save

2019/08/09 Python

pytorch 网络参数 weight bias 初始化详解

2020/06/24 Python

给医务人员表扬信

2014/01/12 职场文书

消防战士优秀事迹材料

2014/02/13 职场文书

请假条标准格式规范

2014/04/10 职场文书

投资意向书

2014/07/30 职场文书

怎样写离婚协议书

2014/09/10 职场文书

2014法院四风问题对照检查材料思想汇报

2014/10/04 职场文书

群众路线教育实践活动个人对照检查材料思想汇报（社区班子）

2014/10/06 职场文书

大学生就业协议书范本（适用于公司企业）

2014/10/07 职场文书

2014年家长学校工作总结

2014/11/20 职场文书

python实现ROA算子边缘检测算法

2021/04/05 Python

SSM项目使用拦截器实现登录验证功能

2022/01/22 Java/Android