使用JQuery实现Ctrl Enter提交表单的方法

使用JQuery实现Ctrl Enter提交表单的方法

有时候我们为了省事就操作键盘组合键去代替使用鼠标,我们今天就使用JQuery实现Ctrl Enter提交表单。

我们发帖时,在内容输入框中输入完内容后,可以点击“提交”按钮来发表内容。可是,如果你够“懒”,你可以不用动鼠标,只需按住键盘上的Ctrl Enter键,即可提交表单,完成内容发布。

当然,由于输入框是一个多行文本输入框textarea,我们知道,在textarea中按Enter(回车)键可以换行,并不能直接提交表单(submit),而默认情况下,浏览器忽略了Ctrl键。那么我们可以通过Javascript脚本来控制使用Ctrl Enter键来组合完成表单提交,本文结合示例讲解基于jQuery的Ctrl Enter提交表单效果。

HTML

我们在页面body中,放置一个textarea输入框,一个提交按钮button,以及展示提交后的结果div#result。

© 版权声明

相关文章

暂无评论

none
暂无评论...