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