文档章节

监听文本框输入(input & textarea)

koavvly
 koavvly
发布于 2015/12/11 09:43
字数 214
阅读 9
收藏 0

基本概念

Firefox、Chrome、IE9&IE9+ 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件。

oninput 事件在用户输入、退格(backspace)、删除(delete)、剪切(ctrl + x)、粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入、粘贴、鼠标粘贴时触发)。

onpropertychange 事件在用户输入、退格(backspace)、删除(delete)、剪切(ctrl + x)、粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入、粘贴、鼠标粘贴时触发)(仅 IE 支持)。

backspace、delete 两个按键的 keyCode 分别为 8、46。

oncut 事件在粘贴(ctrl + v)、鼠标粘贴时触发。

function fn () {
// do something
}
if (window.addEventListener) {
    input.addEventListener("input", fn);
} else {
   input.attachEvent("onpropertychange", fn);
}
if (!!window.attachEvent && navigator.userAgent.match(/msie (\d)/i)[1] > 8) {
     input.attachEvent("onkeydown", function () {
         var key = window.event.keyCode;
        (key == 8 || key == 46) && fn();
     });
     input.attachEvent("oncut", fn);
}

转自: http://www.web92.net/760.html | WEB前端开发


本文转载自:http://www.web92.net/760.html | WEB前端开发

共有 人打赏支持
koavvly
粉丝 0
博文 18
码字总数 1534
作品 0
长沙
js与jquery实时监听输入框值的oninput与onpropertychange方法

本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法。分享给大家供大家参考。具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监听文本框...

Airship
2016/12/09
42
0
屏蔽Chrome(webkit)中的input、textarea的默认点击/聚焦高亮的样式

WebKit作为一个开源的浏览器引擎,而且有google及苹果的大力推广,应该将来的市场占有的份额应该不错。 同时苹果和google推出的相关智能手机也会用到webkit内核的mini浏览器。 这两款webkit引...

The-Start
2013/12/02
0
0
Bootstrap 表单

在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标记和扩展的类即可创建出不同样式的表单。 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默...

wybo521
2016/01/26
26
0
bootstrap中input添加.form-control类有何作用?

1、bootstrap中input添加.form-control类,表示为input元素添加表单控件; 2、以下举几个案例: Eg1: 结论:form-control控件,可以为input元素添加CSS定制样式。 Eg2: 结论:form-contro...

sinat_34719507
2016/12/06
0
0
《Head first HTML与CSS 第二版》读书笔记 第十四章 表单

使用<form>元素创建表单。几乎所有块元素都可以放在<form>元素中。 form的action属性包含web服务的URL告诉浏览器表单提交到的地址。method属性指定提交的方法。 input元素时一个void元素,所...

一万
2016/08/07
8
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring Cloud Gateway真的有那么差吗?

前言 Spring Cloud从一开始最受大家质疑的就是网关性能,那是由于Spring Cloud最初选择了使用Netflix几年前开源的Zuul作为基础,而高性能版的Zuul 2在经过了多次跳票之后,对于Spring这样的整...

Java小铺
32分钟前
1
0
SpringBoot远程调试,远程debug你的线上项目

开发环境中代码出错了,可以利用IDE的debug功能来进行调试。那线上环境出错呢? 一、假设我们的项目是部署在tomcat中,那我们就需要对tomcat进行一定对配置,配置如下。 1. windows系统中,找...

nonnetta
36分钟前
0
0
JAVA秒杀优化方向

秒杀优化方向 将请求尽量拦截在系统上游:传统秒杀系统之所以挂,请求都压倒了后端数据层,数据读写锁冲突严重,几乎所有请求都超时,流量虽大,下单成功的有效流量甚小,我们可以通过限流、...

小贱是个程序员
44分钟前
0
0
C# 统计字符串中大写字母和小写字母的个数

static void Main() { int count1 = 0; int count2 = 0; Console.WriteLine("请输入字符串"); string str = Convert.ToString(Consol......

熊二的爸爸是谁
46分钟前
0
0
分布式服务框架之远程通讯技术及原理分析

在分布式服务框架中,一个最基础的问题就是远程服务是怎么通讯的,在Java领域中有很多可实现远程通讯的技术,例如:RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等,这些名词之间到底是...

老道士
52分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部