密码输入框无内容时候显示提示字,有内容则为password

基本概念

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)、鼠标粘贴时触发。

实现代码

 1 function fn () {
 2 
 3 // do something
 4 
 5 }
 6 
 7 if (window.addEventListener) {
 8 
 9 input.addEventListener("input", fn);
10 
11 } else {
12 
13 input.attachEvent("onpropertychange", fn);
14 
15 }
16 
17 if (!!window.attachEvent && navigator.userAgent.match(/msie (\d)/i)[1] > 8) {
18 
19 input.attachEvent("onkeydown", function () {
20 
21 var key = window.event.keyCode;
22 
23 (key == 8 || key == 46) && fn();
24 
25 });
26 
27 input.attachEvent("oncut", fn);
28 
29 }

 

posted @ 2013-03-14 20:45  季相相  阅读(271)  评论(0编辑  收藏  举报