编程 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动画之利用requestAnimationFrame触发重新播放功能

Sep 11 HTML / CSS

CSS3使用border-radius属性制作圆角

Dec 22 HTML / CSS

CSS3颜色值RGBA与渐变色使用介绍

Mar 06 HTML / CSS

css3实现文字首尾衔接跑马灯的示例代码

Oct 16 HTML / CSS

使用Canvas操作像素的方法

Jun 14 HTML / CSS

一张图片能隐含千言万语之隐藏你的程序代码

Dec 13 HTML / CSS

HTML5实现一个能够移动的小坦克示例代码

Sep 02 HTML / CSS

详解canvas绘制网络字体几种方法

Aug 27 HTML / CSS

html svg生成环形进度条的实现方法

Sep 23 HTML / CSS

HTML5逐步分析实现拖放功能的方法

Sep 30 HTML / CSS

CSS实现fullpage.js全屏滚动效果的示例代码

Mar 24 HTML / CSS

Unicode中的CJK(中日韩统一表意文字)字符小结

Dec 06 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 checkbox 取值详细说明

2010/08/19 PHP

PHP 通过Socket收发十六进制数据的实现代码

2013/08/16 PHP

PHP获取客户端及服务器端IP的封装类

2016/07/21 PHP

php微信开发自定义菜单

2016/08/27 PHP

php 使用fopen函数创建、打开文件详解及实例代码

2016/09/24 PHP

PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解

2019/12/20 PHP

javascript 面向对象,实现namespace,class,继承，重载

2009/10/29 Javascript

Javascript学习笔记二之变量

2010/12/15 Javascript

JavaScript截取字符串的2个函数介绍

2014/08/27 Javascript

js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

2015/04/25 Javascript

JavaScript中eval函数的问题

2016/01/31 Javascript

移动端脚本框架Hammer.js

2016/12/15 Javascript

详解在Angularjs中ui-sref和$state.go如何传递参数

2017/04/24 Javascript

几种响应式文字详解

2017/05/19 Javascript

create-react-app 修改为多入口编译的方法

2018/08/01 Javascript

vue 使用 canvas 实现手写电子签名

2020/03/06 Javascript

python将unicode转为str的方法

2017/06/21 Python

python实现自动发送邮件发送多人、群发、多附件的示例

2018/01/23 Python

决策树剪枝算法的python实现方法详解

2019/09/18 Python

浅谈Python爬虫原理与数据抓取

2020/07/21 Python

潘多拉珠宝英国官方网上商店：PANDORA英国

2018/06/12 全球购物

英国文具、办公用品和科技商店：Ryman

2018/09/27 全球购物

英国著名书店：Foyles

2018/12/01 全球购物

惠而浦美国官网：Whirlpool.com

2021/01/19 全球购物

有针对性的求职自荐信

2013/11/14 职场文书

运动会通讯稿200字

2014/02/16 职场文书

借款协议书范本

2014/04/22 职场文书

社区两委对照检查材料

2014/08/23 职场文书

市场调研项目授权委托书范本

2014/10/04 职场文书

银行授权委托书格式

2014/10/10 职场文书

教师工作态度自我评价

2015/03/05 职场文书

女儿满月酒致辞

2015/07/29 职场文书

校友会致辞

2015/07/30 职场文书

思想工作总结范文

2015/08/12 职场文书

先进个人主要事迹怎么写

2015/11/04 职场文书

Nginx报404错误的详细解决方法

2022/07/23 Servers