如何利用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

HTML / CSS 相关文章推荐
CSS3 渐变(Gradients)之CSS3 线性渐变
Jul 08 HTML / CSS
CSS改变网页中鼠标选中文字背景颜色例子
Apr 23 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
Apr 21 HTML / CSS
纯css3使用vw和vh实现自适应的方法
Feb 09 HTML / CSS
10分钟理解CSS3 Grid布局
Dec 20 HTML / CSS
HTML5中视频音频的使用详解
Jul 07 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
Jan 24 HTML / CSS
详解如何用HTML5 Canvas API控制图片的缩放变换
Mar 22 HTML / CSS
html svg生成环形进度条的实现方法
Sep 23 HTML / CSS
钉钉企业内部H5微应用开发详解
May 12 HTML / CSS
CSS 还能这样玩?奇思妙想渐变的艺术
Apr 27 HTML / CSS
MIME类型中application/xml与text/xml的区别介绍
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
php防注入,表单提交值转义的实现详解
2013/06/10 PHP
有关PHP性能优化的介绍
2013/06/20 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
Jquery 获得服务器控件值的方法小结
2010/05/11 Javascript
js字符编码函数区别分析
2011/12/28 Javascript
document.write的几点使用心得
2014/05/14 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
Python使用PDFMiner解析PDF代码实例
2017/03/27 Python
Python使用sorted排序的方法小结
2017/07/28 Python
python+POP3实现批量下载邮件附件
2018/06/19 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
python如何将多个PDF进行合并
2019/08/13 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
Python虚拟环境库virtualenvwrapper安装及使用
2020/06/17 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
介绍一下linux的文件系统
2015/10/06 面试题
基于Python 函数和方法的区别说明
2021/03/24 Python
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
售后求职信范文
2014/03/15 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
个人委托书怎么写
2014/09/17 职场文书