Javascript 如何在java脚本中聚焦按钮
简单地说我有这个HTML文档Javascript 如何在java脚本中聚焦按钮,javascript,jquery,html,Javascript,Jquery,Html,简单地说我有这个HTML文档 <input type="text" id="my_txt" onkeypress="move_focus(event)"/> <br> <input type="button" id="my_btn" /> <script > function move_focus(e) { if (e.keyCode==13) $("#my_btn").focus(); } </script> 功能移动焦
<input type="text" id="my_txt" onkeypress="move_focus(event)"/>
<br>
<input type="button" id="my_btn" />
<script >
function move_focus(e)
{
if (e.keyCode==13) $("#my_btn").focus();
}
</script>
功能移动焦点(e)
{
如果(e.keyCode==13)$(“#my_btn”).focus();
}
我想要的是:
在输入文本的按键事件中,如果按下的键是输入
键,则将焦点移动到我的btn
按钮
我像上面那样做了,但当按下Enter键时,不起作用,也没有任何动作
我在这个网络上找到了不止一篇关于这个话题的帖子,但大多数答案都很复杂,有些答案让我忘记了我需要的东西
请帮忙!。。提前感谢。键号13是默认情况下用于接受内容()的键,因此基本上您必须用以下内容覆盖它:
e.preventDefault();
全部代码
<input type="text" id="my_txt" onkeypress="move_focus(event)"/>
<br>
<input type="button" id="my_btn" />
<script >
function move_focus(e)
{
e.preventDefault();
if (e.keyCode==13) $("#my_btn").focus();
}
</script>
功能移动焦点(e)
{
e、 预防默认值();
如果(e.keyCode==13)$(“#my_btn”).focus();
}
这方面的重要部分是使用。Bind创建一个新函数,该函数将this
()设置为传递给Bind()的第一个参数。
因此,当我们编写$('#my_txt').bind(“enterKey”)
时,它实际上将#my_txt
和事件enterKey
映射到函数将在其中执行的同一上下文中。因此,每当我们按下id为#mytxt
的input
元素中的一个键时,当我们释放该键时,它将检查按下的键是否为Enter key
,这是由以对象为参数的$('#myu txt').keyup(e)
行提供的。这里的事件将是按键
事件
move\u focus=函数move\u focus(e){
$('my_txt').bind(“enterKey”,函数(e){
$(“我的”).focus();
//禁用以防止多次输入
$(此).attr(“已禁用”、“已禁用”)
});
$('#my_txt').keyup(函数(e){
if(e.keyCode==13)//检查事件对象是否为Enter键
{
$(this.trigger(“enterKey”);//显式触发与#my_txt绑定的enterKey事件
}
});
}
试试这个使用jQuery的例子:
$(“#我的txt”).keypress(函数(事件){
var keycode=(event.keycode?event.keycode:event.which);
如果(键代码=='13'){
$(“我的”).focus();
}
});代码>
而不是使用:
$("#my_btn").focus();
请使用:
document.getElementById("my_btn").focus();
可能重复感谢您的努力,但这不会将焦点移到按钮上!。。非常感谢你的工作很好,但是你能逐行解释函数的代码吗(如果并且只有在你的时间允许的情况下)再次感谢你。我将在代码上写下注释,以便其他人以后搜索时也会有用。