编程 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中的5个有趣的新技术

Apr 02 HTML / CSS

一款利用纯css3实现的超炫3D表单的实例教程

Dec 01 HTML / CSS

CSS3制作炫酷的自定义发光文字

Mar 28 HTML / CSS

简单掌握CSS3中resize属性的用法

Apr 01 HTML / CSS

使用CSS3美化HTML表单的技巧演示

May 17 HTML / CSS

html5的画布canvas——画出弧线、旋转的图形实例代码+效果图

Jun 09 HTML / CSS

html5记忆翻牌游戏实现思路及代码

Jul 25 HTML / CSS

html5 canvas移动浏览器上实现图片压缩上传

Mar 11 HTML / CSS

html5开发三八女王节表白神器

Mar 07 HTML / CSS

Canvas中设置width与height的问题浅析

Nov 01 HTML / CSS

canvas生成带二维码海报的踩坑记录

Sep 11 HTML / CSS

html5用video标签流式加载的实现

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

在Mac上编译安装PHP7的开发环境

2015/07/28 PHP

php 实现简单的登录功能示例【基于thinkPHP框架】

2019/12/02 PHP

小议Javascript中的this指针

2010/03/18 Javascript

js字符串的各种格式的转换 ToString，Format

2011/08/08 Javascript

javascript 中String.match()与RegExp.exec()的区别说明

2013/01/10 Javascript

解析使用js判断只能输入数字、字母等验证的方法(总结)

2013/05/14 Javascript

javascript模拟地球旋转效果代码实例

2013/12/02 Javascript

IE 下Enter提交表单存在重复提交问题的解决方法

2014/05/04 Javascript

JavaScript获取网页表单action属性的方法

2015/04/02 Javascript

jQuery实现自动与手动切换的滚动新闻特效代码分享

2015/08/27 Javascript

javascript创建对象的几种模式介绍

2016/05/06 Javascript

浅谈javascript运算符——条件,逗号,赋值,()和void运算符

2016/07/15 Javascript

js实现短信发送倒计时功能（正则验证）

2017/02/10 Javascript

Node.js数据库操作之查询MySQL数据库（二）

2017/03/04 Javascript

基于js 本地存储(详解)

2017/08/16 Javascript

详解vue.js之绑定class和style的示例代码

2017/08/24 Javascript

在vue项目中引入highcharts图表的方法

2019/01/21 Javascript

vue设置导航栏、侧边栏为公共页面的例子

2019/11/01 Javascript

纯js+css实现在线时钟

2020/08/18 Javascript

Windows系统配置python脚本开机启动的3种方法分享

2015/03/10 Python

浅谈python新式类和旧式类区别

2019/04/26 Python

python requests库爬取豆瓣电视剧数据并保存到本地详解

2019/08/10 Python

python基于FTP实现文件传输相关功能代码实例

2019/09/28 Python

numpy实现神经网络反向传播算法的步骤

2019/12/24 Python

python 双循环遍历list 变量判断代码

2020/05/04 Python

Python3开发环境搭建详细教程

2020/06/18 Python

南非最大的花卉和送礼服务：NetFlorist

2017/09/13 全球购物

中学生关于梦想的演讲稿

2014/08/22 职场文书

工作经常出错的检讨书

2014/09/13 职场文书

关于迟到的检讨书

2015/05/06 职场文书

少先大队干部竞选稿

2015/11/20 职场文书

银行柜员工作心得体会

2016/01/23 职场文书

企业转让协议书（范文2篇）

2019/08/15 职场文书

Nginx配置https原理及实现过程详解

2021/03/31 Servers

Python基础详解之邮件处理

2021/04/28 Python

golang switch语句的灵活写法介绍

2021/05/06 Golang