Javascript “无形的”;表格「;使用输入按钮提交

Javascript “无形的”;表格「;使用输入按钮提交,javascript,html,dojo,Javascript,Html,Dojo,我们目前正在使用Dojo Mobile构建一个应用程序,我们在几个区域中有输入字段和提交按钮。这些输入字段和提交按钮不在表单中,我们只使用onclick事件“提交”要在javascript中使用的字段中的值。有没有一种方法可以让我们按下“回车”键,或者在移动应用程序中,当用户按下软键盘上的“搜索”或“转到”键时,它会触发特定的按钮?我们可能在同一页面上有多个提交按钮 ... <div> <input dojoType="dijit.form.TextBox" />

我们目前正在使用Dojo Mobile构建一个应用程序,我们在几个区域中有输入字段和提交按钮。这些输入字段和提交按钮不在表单中,我们只使用onclick事件“提交”要在javascript中使用的字段中的值。有没有一种方法可以让我们按下“回车”键,或者在移动应用程序中,当用户按下软键盘上的“搜索”或“转到”键时,它会触发特定的按钮?我们可能在同一页面上有多个提交按钮

 ...
<div>
    <input dojoType="dijit.form.TextBox" />
    <button dojoType="dijit.form.Button" type="submit">
        Filter
    </button>
<div>
 ...
。。。
滤器
...
JQuery中的解决方案:

//when you a key on an input
$("input").keyup(function (e) {
    //if it is enter
    if (e.keyCode == 13) {
        //look for the next submit button a trigger a click
        $(this).next("button[type='submit']").click();
    }
});
我不是dojo程序员,但文档似乎很好:

有关答案,请参见此处:

JQuery中的解决方案:

//when you a key on an input
$("input").keyup(function (e) {
    //if it is enter
    if (e.keyCode == 13) {
        //look for the next submit button a trigger a click
        $(this).next("button[type='submit']").click();
    }
});
我不是dojo程序员,但文档似乎很好:

有关答案,请参见此处:


将相关字段放在表单中。注册一个“onsubmit”事件处理程序,并使其与按钮的“onclick”处理程序相同。从事件处理程序返回时,应返回false或调用
event.preventDefault()
。这将阻止表单(通过POST)提交到服务器。

将相关字段放入表单中。注册一个“onsubmit”事件处理程序,并使其与按钮的“onclick”处理程序相同。从事件处理程序返回时,应返回false或调用
event.preventDefault()
。这将阻止表单(通过POST)提交到服务器。

覆盖默认表单提交操作 您可以覆盖表单上的默认提交操作。从语义上讲,将表单保留在
标记内是明智的,即使您希望覆盖默认行为,并做您想做的事情,因为您是一个坚强、独立的黑人女性

HTML:

<form id="myForm">
    <input type="text" />
    <button type="submit">Submit</button>
</form>
var myForm = document.getElementById('myForm');
myForm.addEventListener('submit',function(event){
    alert('submit pressed -- do as you please');
    event.preventDefault(); // cancels form submission
});
//Chase.

覆盖默认表单提交操作 您可以覆盖表单上的默认提交操作。从语义上讲,将表单保留在
标记内是明智的,即使您希望覆盖默认行为,并做您想做的事情,因为您是一个坚强、独立的黑人女性

HTML:

<form id="myForm">
    <input type="text" />
    <button type="submit">Submit</button>
</form>
var myForm = document.getElementById('myForm');
myForm.addEventListener('submit',function(event){
    alert('submit pressed -- do as you please');
    event.preventDefault(); // cancels form submission
});

//蔡斯。

为什么不使用表格?为什么不使用表格?@MarcelKorpel:哪一个?都是吗?如果没有,为什么不呢?IE 8和更低版本不理解
addEventListener
,并通过
窗口提交事件对象。Event
@MarcelKorpel:哪一个?都是吗?如果没有,为什么不呢?IE 8和更低版本不理解
addEventListener
,并通过
窗口提交事件对象。事件