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>
不是很意思哈,不过呢这个可以直接再JS的直接拼装到JS的字符串中,比如一个简单的JS 消息提示alert(字符串)里面有换行的话,就能够提现出来。示例代码如下:
<script type="text/javascript">function test() {
var str = "程序猿帅不帅?\n1.帅\n2.非常帅\n3.呵呵"
alert(str)
}
</script>
<input type="button" value="测试" onclick="test()"/>
点击测试按钮后的效果如图: