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>
<script>document.onkeydown = function()
{
var oEvent = window.event
if (oEvent.keyCode == 9 ) {
alert("你按下了Tab键")
}
}
</script>
监听tab按键
$(document).on("keyup", function (e) {if (e.keyCode === 9)
$("select").val("你的值")
})