编程 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折叠效果(3D效果)整理

Dec 30 HTML / CSS

css3背景图片透明叠加属性cross-fade简介及用法实例

Jan 08 HTML / CSS

浅析几个CSS3常用功能的写法

Jun 05 HTML / CSS

使用CSS3实现圆角,阴影,透明

Dec 23 HTML / CSS

CSS3实现伪类hover离开时平滑过渡效果示例

Aug 10 HTML / CSS

详解利用canvas实现环形进度条的方法

Jun 12 HTML / CSS

html5-websocket基于远程方法调用的数据交互实现

Dec 04 HTML / CSS

HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

Oct 16 HTML / CSS

详解html5 shiv.js和respond.min.js

Jan 24 HTML / CSS

用canvas做一个DVD待机动画的实现代码

Apr 12 HTML / CSS

canvas实现烟花的示例代码

Jan 16 HTML / CSS

基于html5 canvas做批改作业的小插件

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

php实现以只读方式打开文件的方法

2015/03/16 PHP

ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解

2019/04/02 PHP

PHP二维索引数组的遍历实例分析【2种方式】

2019/06/24 PHP

JavaScript 原型链学习总结

2010/10/29 Javascript

javascript开发技术大全第4章直接量与字符集

2011/07/03 Javascript

日期处理的js库（迷你版）--自建js库总结

2011/11/21 Javascript

纯css+js写的一个简单的tab标签页带样式

2014/01/28 Javascript

Jquery技巧(必须掌握)

2016/03/16 Javascript

基于jquery实现智能表单验证操作

2016/05/09 Javascript

全面了解构造函数继承关键apply call

2016/07/26 Javascript

AngularJS入门教程之迭代器过滤详解

2016/08/18 Javascript

AngularJS路由Ui-router模块用法示例

2017/05/29 Javascript

javaScript实现复选框全选反选事件详解

2020/11/20 Javascript

tangram.js库实现js类的方式实例分析

2018/01/06 Javascript

vue图片上传本地预览组件使用详解

2019/02/20 Javascript

js实现unicode码字符串与utf8字节数据互转详解

2019/03/21 Javascript

微信小程序实现同一页面取值的方法分析

2019/04/30 Javascript

JS实现拼图游戏

2021/01/29 Javascript

在Vue中创建可重用的 Transition的方法

2020/06/02 Javascript

JavaScript 生成唯一ID的几种方式

2021/02/19 Javascript

Python查找函数f（x）=0根的解决方法

2015/05/07 Python

Python实现的RSS阅读器实例

2015/07/25 Python

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

2017/08/29 Python

python队列Queue的详解

2019/05/10 Python

Pytorch 实现权重初始化

2019/12/31 Python

Python递归函数特点及原理解析

2020/03/04 Python

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统

2020/04/21 Python

基于python判断字符串括号是否闭合{}[]()

2020/09/21 Python

Python爬虫之Selenium警告框(弹窗)处理

2020/12/04 Python

Clarks西班牙官方在线商店：clarks鞋

2019/05/03 全球购物

FragranceNet中文网：北美健康美容线上零售商

2020/08/26 全球购物

社区安全检查制度

2014/02/03 职场文书

正风肃纪剖析材料范文

2014/10/10 职场文书

护士求职自荐信范文

2015/03/04 职场文书

党小组评议意见

2015/06/02 职场文书

学校教学管理制度

2015/08/06 职场文书