js监听只读文本框_javascript 监听文本框输入

本文介绍了如何使用JavaScript的oninput和onpropertychange事件监听文本框的输入操作,包括Firefox、Chrome、IE9及IE10的支持情况。事件在用户输入、退格、删除、剪切、粘贴等操作时触发。提供了适用于不同浏览器的监听代码示例,并提及了backspace和delete按键的keyCode。同时,还提及了针对IE9的onkeydown和oncut事件处理回退、删除和剪切操作。
摘要由CSDN通过智能技术生成

Firefox、Chrome、IE9,IE10 均支持 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 + x)、鼠标剪切时触发。

监听文本框输入

// 监听文本框输入

var input = document.getElementById("io");

var dis = document.getElementById("dis");

function fn() {

// 你要执行的代码

dis.innerHTML = dis.innerHTML+'+';

}

if(window.addEventListener) { //W3C

input.addEventListener("input", fn, false);

}

else if(window.attachEvent) { //IE

input.attachEvent("onpropertychange", fn);

}

if(window.VBArray && window.addEventListener) { //IE9

input.attachEvent("onkeydown", function() {

var key = window.event.keyCode;

if ((key == 8 || key == 46) && input.value != '') fn(); //处理回退与删除

});

input.attachEvent("oncut", fn);//处理剪切

}

转载:

http://www.58lou.com/separticle.php?artid=220

参考:

http://calefy.org/2012/11/12/javascript-key-events-and-input-control.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值