编程 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 动画技术

Jul 27 HTML / CSS

使用CSS3实现多列布局与多背景的技巧

Feb 29 HTML / CSS

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

Apr 01 HTML / CSS

html5-canvas中使用clip抠出一个区域的示例代码

May 25 HTML / CSS

HTML5 语音搜索只需一句代码

Jan 03 HTML / CSS

用HTML5实现网站在windows8中贴靠的方法

Apr 21 HTML / CSS

html5使用canvas绘制一张图片

Dec 15 HTML / CSS

HTML5未来发展趋势

Feb 01 HTML / CSS

使用phonegap进行提示操作的具体方法

Mar 30 HTML / CSS

html5唤起app的方法

Nov 30 HTML / CSS

教你做个可爱的css滑动导航条

Jun 15 HTML / CSS

css如何把元素固定在容器底部的四种方式

Jun 16 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/02/06 PHP

PHP递归遍历指定目录的文件并统计文件数量的方法

2015/03/24 PHP

浅谈php7的重大新特性

2015/10/23 PHP

JavaScript 学习笔记（五）

2009/12/31 Javascript

用js实现输入提示(自动完成)的实例代码

2013/06/14 Javascript

javascript实现相同事件名称，不同命名空间的调用方法

2015/06/26 Javascript

javascript实现显示和隐藏div方法汇总

2015/08/14 Javascript

基于jquery实现放大镜效果

2015/08/17 Javascript

基于jQuery实现在线选座之高铁版

2015/08/24 Javascript

JS实现超简单的鼠标拖动效果

2015/11/02 Javascript

javascript拖拽效果延伸学习

2016/04/04 Javascript

JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别

2016/05/31 Javascript

JavaScript对象数组如何按指定属性和排序方向进行排序

2016/06/15 Javascript

Angularjs的Controller间通信机制实例分析

2016/11/07 Javascript

IntersectionObserver API 详解篇

2016/12/11 Javascript

ES6新特性之函数的扩展实例详解

2017/04/01 Javascript

原生js FileReader对象实现图片上传本地预览效果

2020/03/27 Javascript

五步轻松实现zTree的使用

2017/11/01 Javascript

vue之父子组件间通信实例讲解(props、$ref、$emit)

2018/05/22 Javascript

jquery图片预览插件实现方法详解

2019/07/18 jQuery

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

2020/07/09 Javascript

[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2

2018/06/03 DOTA

对Python中的条件判断、循环以及循环的终止方法详解

2019/02/08 Python

浅谈Python反射 & 单例模式

2019/03/21 Python

Python3中的bytes和str类型详解

2019/05/02 Python

对PyQt5的输入对话框使用(QInputDialog)详解

2019/06/25 Python

如何实现更换Jupyter Notebook内核Python版本

2020/05/18 Python

python3+openCV 获取图片中文本区域的最小外接矩形实例

2020/06/02 Python

上课打牌的检讨书

2014/02/15 职场文书

部门活动策划方案

2014/08/16 职场文书

学校青年志愿者活动总结

2015/05/06 职场文书

婚礼领导致辞大全

2015/07/28 职场文书

python 利用 PIL 将数组值转成图片的实现

2021/04/12 Python

Python Flask请求扩展与中间件相关知识总结

2021/06/11 Python

MySQL限制查询和数据排序介绍

2022/03/25 MySQL

在容器中使用nginx搭建上传下载服务器

2022/05/11 Servers