编程 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 clip实现圆环进度条的示例代码

Feb 07 HTML / CSS

使用CSS3实现SVG路径描边动画效果入门教程

Oct 21 HTML / CSS

详解canvas drawImage()方法绘制图片不显示的问题

Oct 08 HTML / CSS

仿CSDN Blog返回页面顶部功能实现原理及代码

Jun 30 HTML / CSS

HTML5 Canvas的事件处理介绍

Apr 24 HTML / CSS

HTML5中原生的右键菜单创建方法

Jun 28 HTML / CSS

HTML5+WebSocket实现多文件同时上传的实例

Dec 29 HTML / CSS

HTML5的Video标签有部分MP4无法播放的问题解析（多图）

Aug 18 HTML / CSS

canvas 下载二维码和图片加水印的方法

Mar 21 HTML / CSS

关于iframe跨域使用postMessage的实现

Oct 29 HTML / CSS

canvas如何实现多张图片编辑的图片编辑器

Mar 10 HTML / CSS

CSS link与@import的区别和用法解析

May 07 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

zend Framework中的Layout(模块化得布局)详解

2013/06/28 PHP

php 购物车完整实现代码

2014/06/05 PHP

基于PHP的简单采集数据入库程序【续篇】

2014/07/30 PHP

thinkPHP实现签到功能的方法

2017/03/15 PHP

ThinkPHP实现的rsa非对称加密类示例

2018/05/29 PHP

PHP实现网站应用微信登录功能详解

2019/04/11 PHP

javascript 一个函数对同一元素的多个事件响应

2009/07/25 Javascript

jQuery+css实现图片滚动效果(附源码)

2013/03/18 Javascript

jquery实现搜索框常见效果的方法

2015/01/22 Javascript

JS实现动态移动层及拖动浮层关闭的方法

2015/04/30 Javascript

基于javascript制作微信聊天面板

2020/08/09 Javascript

学习Angular中作用域需要注意的坑

2016/08/17 Javascript

jQuery子元素过滤选择器用法示例

2016/09/09 Javascript

详解Angular.js的$q.defer()服务异步处理

2016/11/06 Javascript

Canvas实现动态的雪花效果

2017/02/13 Javascript

详解react-router如何实现按需加载

2017/06/15 Javascript

Vue的百度地图插件尝试使用

2017/09/06 Javascript

基于js文件加载优化(详解)

2018/01/03 Javascript

npm 更改默认全局路径以及国内镜像的方法

2018/05/16 Javascript

Koa2微信公众号开发之本地开发调试环境搭建

2018/05/16 Javascript

微信sdk实现禁止微信分享(使用原生php实现)

2019/11/15 Javascript

JavaScript 实现下雪特效的示例代码

2020/09/09 Javascript

[01:32]TI奖金增速竟因它再创新高！DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏

2018/05/18 DOTA

python编写朴素贝叶斯用于文本分类

2017/12/21 Python

python程序输出无内容的解决方式

2020/04/09 Python

Python调用系统命令os.system()和os.popen()的实现

2020/12/31 Python

html5如何在Canvas中实现自定义路径动画示例

2017/09/18 HTML / CSS

菲律宾购物网站：Lazada菲律宾

2018/04/05 全球购物

失业者真诚求职信范文

2013/12/25 职场文书

环保宣传标语

2014/06/12 职场文书

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

2014/10/06 职场文书

个人作风建设自查报告

2014/10/22 职场文书

2014年企业党支部工作总结

2014/12/04 职场文书

2016大学生国家助学贷款承诺书

2016/03/25 职场文书

最新的离婚协议书范本！

2019/07/02 职场文书

在Centos 8.0中安装Redis服务器的教程详解

2022/03/21 Redis