位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享使用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。

CSS简单的写几行css,修饰textarea输入框、button提交按钮以及提交后显示内容的.post样式。

jQuery首先必须预先载入jQuery库。

我们来编写一个简单的插件ctrlEnter(),其中带两个参数,第一个参数btns表示插件作用的元素,第二个参数fn表示调用的函数。我们在插件中加入函数performAction()来确保插件内部调用。接着插件开始侦听键盘事件,当按下keydown键盘中的某个键时,判断如果按下的是Enter(回车)键和Ctrl键,则调用performAction(),并阻止默认的回车换行行为。然后我们还应该在button上绑定click事件调用performAction(),这样就可以通过单击按钮也可以提交内容了。

最后,调用ctrlEnter,将textarea中的内容提交到#result中,并且将回车替换为br,并且清空textarea。当然实际应用中,应该将内容post给后台处理程序,让后台程序php等处理内容及数据交互。

标签: 使用JQuery实现Ctrl+Enter提交表单的方法

本文链接地址:https://www.jiuchutong.com/biancheng/370421.html 转载请保留说明!

上一篇:jQuery多级手风琴菜单实例讲解(jquery手风琴折叠菜单)

下一篇:jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码(jquery右击事件)

  • 软件开发费税率17还是6
  • 纳税义务发生时间和申报纳税的时间
  • 股权转让怎么申报
  • 公司的车不处理违章可以吗
  • 财务报告与财务报表的联系与区别
  • 个税三代手续费返还增值税报表怎么填
  • 知道含税价,税率,怎么算税金
  • 企业在什么情况下辞退员工不需要补偿
  • 房地产企业融资存在的问题
  • 处置固定资产增值税和所得税报税能一致吗
  • 缴纳土地增值税
  • 银行有误退款分录怎么写
  • 房屋租赁费属于什么会计分录
  • 固定资产入错账套怎么做账
  • 企业收到工程款开发票要扣哪些税
  • 注册资本金印花税减半征收
  • 金税盘没票了
  • 固定资产减值准备属于什么科目
  • 员工购买公司股权
  • 待摊费用报价变更的会计处理怎么做?
  • 团建费用是什么意思
  • 移动电子发票显示无法开具怎么获取发票
  • 旅游开发公司税率
  • 交了车船税有什么凭证
  • Win10宽带无法连接
  • appdata文件夹在用户文件夹哪里
  • 健康助手在哪里找到
  • win101709密钥
  • 营改增全面推开为什么还叫试点
  • 发票红冲是什么意思需要给钱吗
  • 怎么核算购进商品
  • 收到过期银行汇票怎么办
  • framework启动
  • mybitas分页
  • 普通发票的开票规定
  • 免交的增值税要交所得税吗
  • 独立核算的分公司的账务处理
  • 房地产公司收房款怎么分录
  • 广告费与业务宣传费不超过当年销售收入
  • 人工智能ai软件免费版app
  • 怎么才能学a1
  • 帝国cms建站实例教程
  • 织梦自定义模型调用
  • mongodb使用案例
  • mysql的一些命令
  • mongodb skip limit
  • 小规模纳税人附加税费
  • 自产产品用于业务招待费
  • 增值税留抵退税的账务处理
  • 城镇土地使用税怎么算
  • 企业管理理费包括哪些
  • 应收票据的核算范围包括
  • 高速公路通行费抵扣税率
  • 固定资产出售算营业收入吗
  • 借款合同的印花税计税依据
  • 出库未开发票
  • 出租车费用分录
  • 信托保障基金会返还吗
  • 怎么用两台电脑登录同一个微信
  • 正常在职员工的工作时间
  • 福利补贴制度
  • 新企业建账
  • xp系统无法启动怎么办
  • win8硬盘重装
  • win10一年更新一次
  • dos命令提示符窗口怎么打开
  • pic是啥软件
  • js判断数组是否相等
  • js基于贪心算法实验报告
  • javascript date函数
  • 删除滑动解锁图片
  • redhat linux6.5安装教程
  • 深入理解中国式现代化论文
  • html仿淘宝
  • 原始凭证审核会计科目吗
  • 固定资产评估增值的税务处理
  • 住房公积金补扣
  • 重庆地方税务局2016年2号
  • 农转非和非农
  • 国税年收入
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设