JS中onkeydown, onkeyup, onblur 三个事件对比 并js实现判断文本框是否为空和按Enter键实现Tab换行

来源:互联网 发布:单片机原理与应用答案 编辑:程序博客网 时间:2024/05/16 07:30

JS中onkeydown, onkeyup, onblur 三个事件对比

并js实现判断文本框是否为空和按Enter键实现Tab换行

1.onkeydown, onkeyup, onblur 

 onkeydown: 是按下键盘中某个键时触发

 onkeyup: 是按下键盘中某个键并弹起时触发

 最明显的是Textbox 当光标在Textbox上,你按下'a'键时

 onkeydown是先响应其中事件,事件响应完了之后把'a'赋值给Textbox

 onkeyup是先把'a'赋值给Textbox, 后响应其中的事件

 onblur: 是切换光标时触发

2.判断文本框是否为空

//name: 提示信息

//stxt: 要判断的控件ID

 function checkisnull(name, stxt){
            var str = document.getElementById(stxt);            
            if(str.value.length == 0){
                alert(name.toString() + "不能为空");
                document.getElementById(stxt).focus();
            }        
        }

按下Enter键进行换行

function totab(){

        if(window.event.keyCode == 13){     
            window.event.keyCode   =   9;  

           //keycode为13是Enter键 9是Tab键
            }
        }

3.在实际使用中

 <asp:TextBox ID="wTxt_JCTitle" onkeydown="totab()" onblur="checkisnull('本卷标题 ','wTxt_JCTitle')"  runat="server"  Font-Size="20pt"></asp:TextBox>

0 0
原创粉丝点击