文档章节

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

koavvly
 koavvly
发布于 2015/12/11 09:43
字数 214
阅读 11
收藏 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
Element源码分析系列5-Input(输入框)

简介 本来不打算写输入框的分析,心想一个输入框能有多复杂,还能怎么封装,后来浏览了下源码,发现还是有很多自己不知道的知识点,于是打算还是写,下图就是一个Element的最基本的输入框 结...

超级索尼子
08/22
0
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

没有更多内容

加载失败,请刷新页面

加载更多

python中sort和sorted函数小结

L.sort(cmp=None, key=None, reverse=False) sorted(iterable, cmp=None, key=None, reverse=False) 这样看,sorted函数只比sort函数多一个iterable参数,其余没什么不同,iterable是一个迭代......

上官夏洛特
28分钟前
1
0
thinkphp 常用SQL执行语句总结

第一条:Db::tablera('vr_panomas')->where(['delete_time'=>0,'id'=>['in',$pids]])->field(['id'=>'id','post_thumb'=>'thumb','post_title'=>'title','post_tags'=>'tags','post_price'=>......

koothon
38分钟前
1
0
支付宝返回状态resultStatus意思

上一篇集成支付宝的时候,会有一些支付宝返回的resultStatus,具体意思是: 9000 订单支付成功 8000 正在处理中 4000 订单支付失败 6001 用户中途取消 6002 网络连接出错 还有memo,意思就是...

RainOrz
42分钟前
1
0
electron webview 页面加载事件顺序

1.did-start-loading 页面开始加载 2.load-commit 主页面文档加载 3.page-title-updated title 4.dom-ready 主页面 dom 加载完成 5.load-commit frame文档加载 6.did-frame-finish-load fram......

dubox
47分钟前
1
0
cron语法格式

Seconds Minutes Hours DayofMonth Month DayofWeek Year或 Seconds Minutes Hours DayofMonth Month DayofWeek...

JavaSon712
47分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部