js中的onkeydown方法是怎样使用的?请多多帮忙,这个我不怎么理解!(详情看下面)
当我把光标放到,注册页面中的,用户名上时,后面就会直接提示,注册用户名的要求,还有就是使用onkeydown事件实现,点按下Enter键是,光标会在多个文本框上进行切换!...
当我把光标放到,注册页面中的,用户名上时,后面就会直接提示,注册用户名的要求,还有就是使用onkeydown事件实现,点按下Enter键是,光标会在多个文本框上进行切换!!这个怎么实现啊,代码应该从哪里开始写,我对onkeydown这个事件很不理解,网上搜的也看不懂,麻烦各位老师,给解决一下这个问题,谢谢!
展开
1个回答
展开全部
<script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<!--引用jquery-->
<script type="text/javascript">
window.onload = function () {
document.onkeydown = keyDown;//js获取按键keycode值
$(this).keydown(function (e) {//jquery获取keycode值
alert(e.keyCode.toString());
})
}
function keyDown(e) {
var code=e.which;
var key = String.fromCharCode(code);
alert("按下了" + key + ",keycode:" + code);
}
//使用的时候document换成js的元素就行了
//jquery中$(this)换成$(".class")或者$("#id")和其他的
</script>
追答
上面那些是基本语法,不是你要的效果
你想在按下enter时光标移到下一个文本框,这个可以,但是希望文本框不要太多
比如用户登录举例
光标在用户名的id为username上
$("#username").keydown(function (e) {
if (e && e.keyCode == 13) { // enter 键
var v=$(this).val();
if(v!='')//判断时候为空,当然如果可以进行其他更多判断
{
//如果想将光标移到下一个id为password的文本框上
$("#password").focus();
}
else
{
return false;//这个主要防止按下enter时候,触发了提交按钮
}
}
})
//因为每个文本框要实现这个效果,好像都要这样写,所以太多文本框输入的话就省了这个效果吧,毕竟如果只想要效果,不想判断的话可以按Tab键的。。。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询