[英]Enter key to submit form immediately
編輯
這個問題與建議的重復項不同,因為它使用form
元素和事件submit form
,而建議的重復項不使用。
按下Enter鍵后,此Meteor客戶端代碼需要觸發submit form
事件,但是,它將焦點移到屏幕上的下一個輸入元素,直到到達最后一個元素,然后觸發了提交,這不是必需的,而是立即提交。
如何解決? 謝謝
Template.content.events({
'submit form': function (event) {
event.preventDefault();
concole.log('form submitted');
}
});
<template name="content">
<form>
{{#each this.items}} {{> sub}} {{/each}}
</form>
</template>
<template name="sub">
{{#if isEqual element "input"}} {{> input}} {{/if}}
</template>
<template name="input">
<input class={{class}} type="{{#if type}}{{type}}{{else}}text{{/if}}" name={{name}} placeholder={{placeholder}} value={{value}} data-id={{_id}}>
</template>
有兩個解決這個問題的方法。
當用戶在輸入字段上按Enter鍵時,調用提交方法。
Template.content.events = { 'keypress input': function (evt, template) { if (evt.which === 13) { $( "form" ).submit(); } }, 'submit form': function (event) { event.preventDefault(); concole.log('form submitted'); } };
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.