文档章节

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

koavvly
 koavvly
发布于 2015/12/11 09:43
字数 214
阅读 7
收藏 0
点赞 0
评论 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
博文 13
码字总数 1534
作品 0
长沙
JQuery——表单事件

表单事件.blur()、.focus()、.change()、 .select()和.submit() 1 .blur()和.focus()处理表单焦点 2 .blur()和.focus()区别在于是否支持冒泡处理 3 .focus()在元素本身产生,.focusin()在元素...

拉考的考拉 ⋅ 01/07 ⋅ 0

js与jquery实时监听输入框值的oninput与onpropertychange方法

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

Airship ⋅ 2016/12/09 ⋅ 0

屏蔽Chrome(webkit)中的input、textarea的默认点击/聚焦高亮的样式

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

The-Start ⋅ 2013/12/02 ⋅ 0

Bootstrap 表单

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

wybo521 ⋅ 2016/01/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

《Head first HTML与CSS 第二版》读书笔记 第十四章 表单

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

一万 ⋅ 2016/08/07 ⋅ 0

js实时监听input输入框值的变化以便即使匹配搜索项

问题说明 在含有搜索框的网页中,经常需要及时匹配搜索项,因此需要监听input输入框的变化事件。如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,除了监听不了右键的复...

wang517127 ⋅ 2016/06/01 ⋅ 0

Vue.js框架 v-model指令

指令在表单 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行...

tianya1993 ⋅ 05/21 ⋅ 0

HTML元素总结

html元素 :段落标记,会自动换行,常用于文本内容 例: 这是一个段落 ~ :标题标记,会自动换行,字体由大到小 例: 这是h1 这是h2 这是h3 这是h4 这是h5 这是h6 :换行标记 :强制不换行 ...

xiaoxin901008 ⋅ 2017/06/13 ⋅ 0

7个提高 TextArea 操作性能的 jQuery 插件

默认状态下的Textarea文本的功能确实有限,它甚至不能支持常用的HTML代码,所以,在多数情况下,我们通过其他控件或别的办法来增强Textarea的可操作性,以下就是7个跟提高Textarea操作性能相...

红薯 ⋅ 2011/08/25 ⋅ 4

没有更多内容

加载失败,请刷新页面

加载更多

下一页

java软件工程师简历中项目经验怎么写?

作者:暗灭 链接:https://www.zhihu.com/question/20695310/answer/180691302 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 直接给你贴个我自己的简历...

颖伙虫 ⋅ 31分钟前 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

Linux系统日志

linux 系统日志 /var/log/messages /etc/logrotate.conf 日志切割配置文件 https://my.oschina.net/u/2000675/blog/908189 logrotate 使用详解 dmesg 命令 /var/log/dmesg 日志 last命令,调......

Linux学习笔记 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部