怎么在JS中设置账号框按回车键光标直接移动到密码输入框

获取元素,然后判断键盘是否按下的是回车,然后呢?该怎么办?下边代码根本没有用

<p>账号:<input type="text" autofocus/></p>
<p>密码:<input type="password" ></p>
<p><button>登录</button></p>

<script>
    var plist=document.querySelectorAll('p');
    plist[0].onkeydown=function(){
        if(event.keyCode==13){
            this.childNodes[1].removeAttribute('autofocus');

            this.nextSibling.nextSibling.childNodes[1].setAttribute('autofocus',true);
        }
    }
</script>

2个回答

 <form>
    <p>账号:<input type="text" autofocus /></p>
    <p>密码:<input type="password"></p>
    <p><button>登录</button></p>
</form>
<script>
    var plist = document.querySelectorAll('p');
    plist[0].onkeydown = function (e) {
        e = e || window.event; 

        if (e.keyCode == 13) {
            plist[1].querySelector('input').focus();
            return false;;//阻止表单提交
        }
    }
</script>

一般不会这样操作,按tab键好了,如果你执意要用回车,首先你得判断如果账号和密码有一个为空button不可被点击,因为回车会默认点击button和
input[type=submit]的按钮

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
[C# Winfrom]按回车键实现光标移动到下一个控件
①修改窗体的属性KeyPreview为True②在窗体的KeyPress事件中添加代码   if(e.KeyChar==13)   //当按下回车键   {       SendKeys.Send(&quot;{TAB}&quot;);    }
怎样才能在textbox1中按一下回车键,光标移动到textbox2中?
rn怎样才能在textbox1中按一下回车键,光标移动到textbox2中?rn我用的是vs2005简体中文版
怎样才能在一个textbox中按一下回车键,光标移动到另一个textbox中?
小弟初学rnRT
如何将光标移动到指定的位置?比如说移动到textbox框中的字符串的末尾!
如何将光标移动到指定的位置?比如说移动到textbox框中的字符串的末尾!
光标移动到月份上
数据窗口有一日期列,格式是yyyy/mm/dd,我现在想让这个列得到焦点的时候自动年份等于今年,而同时焦点落在MM上,就是说,客户想输入的时候,只要输入0408,这样字样就是今天了,改如何做。
请问:回车键让光标移动到下一个控件的问题...
这个问题在winform中有keyPress事件,但在asp.net下不知道怎么做。rn我想要的实现是:有三个TextBox控件,第一个控件输入完毕后,按回车键,光标跳到下一个TextBox。rn脚本或asp.net后台代码都行,小弟刚刚接触B/S,请各位高手指教.
终端光标移动到TabStop
在做一个串口终端, 想问下在终端在执行什么操作时会把光标移到到TabStop
按回车键能使光标能从一个文本框移动到另一个文本框再移动到下来框,还有复选框,单选框
按回车键能使光标能从一个文本框移动到另一个文本框再移动到下来框,还有复选框,单选框 ,等等表单中的元素。
JAVA里面怎么设置光标移动到所需的组件
JAVA里面怎么设置光标移动到所需的组件
enter键控制input光标移动到下一个框
enter键控制input光标移动,通过判断是否是最后一个input输入框来决定是继续向下跳还是跳到第一个input输入框
按鼠标左键,光标移动到前一个文本框的event.keyCode=???
按鼠标左键(keyCode==37)rn光标从后边的文本框移动到前一个文本框rn光标移动的event.keyCode=???rnrn例如rn按鼠标右键(keyCode==39)rn光标从前文本框-->后文本框(keyCode=9)rnif(event.keyCode==39) rn event.keyCode=9;rn
按回车键能使光标能从一个文本框移动到另一个文本框!
当有多个文本框的时候,rn按回车键能使光标能从一个文本框移动到另一个文本框!rn有点像cs那样
TextBox 使光标移动到控件的最后
this.textBoxPacket.SelectionStart = this.textBoxPacket.Text.Length; this.textBoxPacket.ScrollToCaret();
EditText将光标移动到文字的结尾
  EditText a = (EditText)this.findViewById(R.id.EditText01); a.setText(&quot;abcdefg&quot;); Editable b = a.getText(); a.setSelection(b.length());    
将Edittext光标移动到文本最后
如果EditText预先有内容,光标自然会在文字的末尾,但是如果预先内容为空,然后设置好内容,这种情况下光标自然会在文字的开头,通过以下方法可以让光标位于末尾:1.et.setText(content);//设置EditText控件的内容 et.setSelection(content.length());//将光标移至文字末尾2.editText.setText(&quot;content&quot;); edit...
AndroidStudio怎么设置回车键光标跳出括号
如题,习惯了eclipse的方式,觉得挺好的,比如我输入for(int i = 0; i  当光标还在for语句的右括号前面时,我按下回车光标就自动跳到括号外面了,不知道这个在AndroidStudio里能不能设置,网上查了一下没找到,如果可以设置,希望知道的朋友说一声,谢谢
js控制光标移动到文本对象的指定位置
//光标移到text 中指定位置 function setCaret(id,pos) { var textbox = document.all(id); var r = textbox.createTextRange(); r.collapse(true); r.moveStart('character',pos); r.select...
怎么样用js将光标移动到文档最后面?
怎么样用js将光标移动到文档最后面?rnrnrnrn[code=html] hello worldrntestrn [/code]
请问关于在JAVA中按回车键,怎么让光标自动移动到下个文本框?我写的代码哪错了?
public void num_actionPerformed(ActionEvent e) rn rn FocusManager.getCurrentManager().focusNextComponent(e.getSource());rn rnrn显示 FocusManager 有错,请问是怎么回事?
Android EditText光标移动到文本框末尾
et_main.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChange
如何使光标移动到字符串的尾部?
程序执行下面这句代码的时候,如果textbox1里面有字符串,光标就会停在第一个字符的前面,能不能让光标停到最后一个字符的后面呢?rnrn........rntext1.setfocusrn.......
如何使textbox的光标移动到末尾
一个多行的textboxrn里面的内容超过了他的大小rn如果使他的光标移动到最后?
EditText使光标移动到最后面
String content = "hxy";  editText.setText(content);//设置EditText控件的内容  editText.setSelection(content.length());//将光标移至文字末尾
Android EditText光标移动到文字的末尾
EditText mEditText = findViewById(R.id.et_view); mNameEditText.setSelection(mEditText.getText().length());
关于JS,光标自动移动到其他对话框的问题。
现在有两个对话框一个按钮,对话框为 用户名 密码 按钮为 获取动态密码rnrn如果我在输入用户名后,就去点击 获取动态密码,鼠标光标要自动从用户名跳到密码输入框内,这该如何实现呢?
memo光标移动到指定行
各位朋友:rn rn 请教如何将memo光标移动到指定行 ?
Android 将EditText光标移动到字符串末尾
做项目的时候要突然忘了怎样将EditText的光标放到末尾,还是记录到博客比较方便以后查看 private void setEditCursor(EditText editText, int index) { //将光标移动到EditText中字符串的任意位置 //如果移到末尾,那么index则传入 editText.getText().length
如何将光标移动到字符串最后
有TEXTBOXrnrnTextBox1.SelectionStart = TextBox1.Text.Lengthrnrn我希望光标总在最后一个字符的后面,上面的方法只能让光标移动到文本框最后一个字符之前.rn再加1也不行.rn有解决方法吗?rnsadwind@qq.comrn请给我MAIL.谢谢.
设置RecyclerView 移动到底部
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(); linearLayoutManager.setStackFromEnd(true); recyclerView.setLayoutManager(linearLayoutManager);
js无法自动移动到下一个字段(表单框)??
js无法自动移动到下一个字段(表单框)??
?在text框中怎么不能超过一行,按回车键无效dsfds
?在text框中怎么不能超过一行,按回车键无效
在vfp6.0下,在使用browse命令时,如何设置回车键,使其按一下后,移动到下一行。
一般情况下,只能按光标向下移动键才能移到下一行。
cxGrid中如何在按下回车键后,光标移动到下一行(不是下一列!)?
我用C++ Builder,不会用Delphi。在C++Builder中有个属性设置:GoToNextCellOnEnter=true时,光标能移动到下一列,但如何设置能移动到下一行呢?
关于CEdit框中回车键和光标位置的设置!!!
我想要实现以下功能:rn有一个CEdit框,支持多行,现在我选中该编辑框,然后进行输入。rn在该编辑框的函数中只有一句话:UpdateData(TRUE);现在的问题是编辑框只有在框的最边缘才会自动换行,而不响应我输入的回车键,我重载PreTranslageMessage函数后,在里面处理回车键m_Edit_Value+="\r\n";rnUpdateData(FALSE);此时光标的位置又不对了,回到最初的地方去了,接下去的输入就不对了,我该怎么办。rn我要实现,光标始终在即将输入汉字的地方,用户在编辑框聚焦的时候按回车键进行换行处理,谢谢!!
MFC 按回车键移动光标到下一个文本框
mfc VC6.0 编辑框 移动光标
在控制台程序中如何让光标移动到指定位置
我想在自己编写的控制台程序中,在输出完一段信息后,让光标移动到一开始的位置rnrn比如向上移动2行,在移动到行首rnrn通过转义字符,我可以实现光标移动到行首rn但转义字符中没发现有可以向上移动的rn上网搜索了一下,也没有找到rn请问各位我的上述想法能否实现?怎么实现?rnrn谢谢
关于使RichEdit中光标移动到指定行的问题!
int row=12;rnRichEdit1->SetFocus();rnSendMessage(Form1->RichEdit1->Handle,EM_LINEINDEX,row,0);rnrn我用上边的办法想使光标移动到第12行,可是没作用,为什么呀
按回车键光标自动移到下一个文本框
在Gridview中有一列模板列,里面放的是TextBox,TextBox绑定了数据库中一个相应的字段rn请问怎么实现在按回车键的时候,光标自动由上一个TextBox移动到下一个TextBoxrn
在文本框中插入值/将光标移动到末尾
function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; } else if (typeof obj.selectionStart === 'number' &amp;amp;...
按回车键依次移动光标到下一个文本框
MFC vc6.0编译环境 按回车键依次移动光标到下一个文本框,并附有文档说明关键步骤
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池