编程 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的opacity属性带来的层叠顺序问题

May 09 HTML / CSS

CSS3 animation实现简易幻灯片轮播特效

Sep 27 HTML / CSS

css3进阶之less实现星空动画的示例代码

Sep 10 HTML / CSS

HTML5 标准将把互联网视频扔回到黑暗时代

Feb 10 HTML / CSS

html5 canvas 画图教程案例分析

Nov 23 HTML / CSS

如何使用html5与css3完成google涂鸦动画

Dec 16 HTML / CSS

HTML5 Video标签的属性、方法和事件汇总介绍

Apr 24 HTML / CSS

HTML5 history新特性pushState、replaceState及两者的区别

Dec 26 HTML / CSS

HTML5单页面手势滑屏切换原理分析

Jul 10 HTML / CSS

详解如何在登录过期后跳出Ifram框架

Sep 10 HTML / CSS

使用 CSS 轻松实现一些高频出现的奇形怪状按钮

Dec 06 HTML / CSS

html粘性页脚的具体使用

Jan 18 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

PHP4(windows版本)中的COM函数

2006/10/09 PHP

php为字符串前后添加指定数量字符的方法

2015/05/04 PHP

php判断对象是派生自哪个类的方法

2015/06/20 PHP

PHP中文竖排转换实现方法

2015/10/23 PHP

PHP生成随机数的方法总结

2018/03/01 PHP

你的编程语言可以这样做吗？

2006/09/07 Javascript

qTip 基于JQuery的Tooltip插件[兼容性好]

2010/09/01 Javascript

JavaScript内核之基本概念

2011/10/21 Javascript

js 剪切板的用法(clipboardData.setData)与js match函数介绍

2013/11/19 Javascript

jquery实现瀑布流效果分享

2014/03/26 Javascript

JS获取网页属性包括宽、高等等

2014/04/03 Javascript

jquery使用animate方法实现控制元素移动

2015/03/27 Javascript

JavaScript弹出新窗口并控制窗口移动到指定位置的方法

2015/04/06 Javascript

js实现头像图片切割缩放及无刷新上传图片的方法

2015/07/17 Javascript

jQuery层级选择器实例代码

2017/02/06 Javascript

JS实现中国公民身份证号码有效性验证

2017/02/20 Javascript

vue做网页开场视频的实例代码

2017/10/20 Javascript

vue计算属性及使用详解

2018/04/02 Javascript

Element input树型下拉框的实现代码

2018/12/21 Javascript

详解JavaScript之ES5的继承

2020/07/08 Javascript

Python的ORM框架SQLObject入门实例

2014/04/28 Python

Python网络爬虫与信息提取(实例讲解)

2017/08/29 Python

Python获取当前公网ip并自动断开宽带连接实例代码

2018/01/12 Python

Python格式化输出%s和%d

2018/05/07 Python

pyspark 读取csv文件创建DataFrame的两种方法

2018/06/07 Python

scrapy-redis的安装部署步骤讲解

2019/02/27 Python

如何通过python实现人脸识别验证

2020/01/17 Python

精彩的英文自荐信

2014/01/30 职场文书

物业项目经理岗位职责

2015/04/01 职场文书

放假通知格式

2015/04/14 职场文书

党员反邪教心得体会

2016/01/15 职场文书

2016年119消防宣传日活动总结

2016/04/05 职场文书

如何把新闻人物写得立体、鲜活？

2019/08/14 职场文书

JavaScript中关于预编译、作用域链和闭包的理解

2021/03/31 Javascript

css中有哪些方式可以隐藏页面元素及区别

2022/06/16 HTML / CSS

MySQL数据管理操作示例讲解

2022/12/24 MySQL