ctrl+enter提交表单

最新推荐文章于 2024-08-31 13:05:07 发布
最新推荐文章于 2024-08-31 13:05:07 发布
阅读量44 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/shuyu/archive/2009/06/05/1496826.html
版权

 <html>

 <head>

  <title> 快捷键提交示例代码 </title>
  <link rel="stylesheet" href='css/style.css' type="text/css">
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <meta name="author" content="宝玉" />

<script language="JavaScript" type="text/javascript">
<!--
// 快捷键响应
// targetObj: 目标对象，如果满足快捷键条件，触发目标对象的click事件
// ctrlKey: 是否按住了Ctrl组合键
// shiftKey: 是否按住了Shift组合键
// altKey: 是否按住了Alt组合键
// keycode: 按键对应的数值
function Hotkey(event, targetObj, ctrlKey, shiftKey, altKey, keycode)
{
 if (
  targetObj
  && event.ctrlKey == ctrlKey
  && event.shiftKey == shiftKey
  && event.altKey == altKey
  && event.keyCode == keycode
  )
  targetObj.click();
}

function fnKeyup(event)
{
 var b = document.getElementById("myButton");
 Hotkey(event, b, true, false, false, 13);
}

// 捕获系统的Keyup事件
// 如果是Mozilla系列浏览器
if (document.addEventListener)
 document.addEventListener("keyup",fnKeyup,true);
else
 document.attachEvent("onkeyup",fnKeyup);

//-->
</script>
 </head>
 
  <body>
<form method="get" action="http://www.ln2car.com">
<input type="submit"  id="myButton"/>
Ctrl + Enter
</form>

  </body>
 
 </html>


本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/shuyu586813/archive/2008/07/25/2711253.aspx

转载于:https://www.cnblogs.com/shuyu/archive/2009/06/05/1496826.html

weixin_30873847
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
按enter键表单自动提交
咸鱼老罗的博客
11-16 1675
当表单只有一个为text的input时，在该input按下enter键，表单会自动提交，我以前的代码，只有一个为text的input，一回车就提交表单 添加会员： 找到两个解决办法 1.在input添加按键监控，一旦是enter，就返回false。 2.在表单中添加一个type为text的input，c
jquery实现Ctrl+Enter提交表单的方法
11-30
本文实例讲述了jquery实现Ctrl+Enter提交表单的方法。分享给大家供大家参考。具体如下： <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"&...
jq html 回车提交表单,jquery实现Ctrl+Enter提交表单的方法
weixin_33304777的博客
06-10 162
Text Box Enterbody {font: 16px/1.5 helvetica-neue, helvetica, arial, san-serif;}textarea {border: 1px solid #ccc;display: block;width: 250px;height: 100px;}p {border: 1px solid #ccc;background: #ecece...
vue 中使用ctrl+enter 提交表单
顽石⚡
12-20 2151
html 核心代码 @keyup.ctrl.enter="submit" 在textarea中使用 &lt;div id="anwser"&gt; &lt;form @submit.prevent="submit" novalidate="true"&gt; &lt;textarea @keyup.ctrl.enter="su
ASP 中用Ctrl+Enter提交表单
afhu47033的博客
05-23 106
解决思路： 在表单中捕获按键事件，判断用户是否按下Ctrl键和Enter键，是的话就用表单的submit方法提交表单。 <form action="test.asp" onkeydown="if(event.ctrlKey&&event.keyCode==13)this.submit()"> <textarea name="conte...
使用Ctrl+Enter提交表单
经验在于积累而不在于年限---dreamboycx
08-22 746
我们发表微博或论坛发帖时，在内容输入框中输入完内容后，可以点击“提交”按钮来发表内容。可是，如果你够“懒”，你可以不用动鼠标，只需按住键盘上的Ctrl+Enter键，即可提交表单，完成内容发布。 当然，由于输入框是一个多行文本输入框textarea，我们知道，在textarea中按Enter(回车)键可以换行，并不能直接提交表单(submit)，而默认情况下，浏览器忽略了Ctrl键。那么我们
使用JQuery实现Ctrl+Enter提交表单的方法
11-22
总结来说，通过创建自定义的jQuery插件`ctrlEnter()`，我们可以方便地为textarea添加Ctrl+Enter提交表单的功能。这个功能使得用户在不离开键盘的情况下就能快速提交内容，极大地提升了交互体验。在实际的项目开发中...
jQuery Ctrl+Enter提交表单
04-05
在jQuery中，我们可以监听键盘事件来实现Ctrl + Enter提交表单的功能。这涉及到jQuery的`keydown`事件和JavaScript的`event`对象。`keydown`事件会在用户按下键盘键时触发，而`event`对象包含了与该事件相关的各种...
jQuery基础——DOM
m0_54066656的博客
08-27 1961
JQ基础——DOM操作
Vue的状态管理——Vuex3&4&Pinia
警警的博客
08-30 1665
Pinia是Vue.js 3.x的状态管理库，它可以看作是Vuex的升级版，旨在提供一种更简单、更直观的方式来管理Vue.js应用程序的状态。Vuex 4是Vue.js 3.x版本的状态管理库，它在Vuex 3的基础上进行了多项改进和优化，使其更加适用于大型应用和复杂场景。Vuex 3是Vue.js 2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式。：在 Vue 3 项目中，你通常会使用 Vuex 4 或 Pinia 而不是 Vuex 3。在 Vue 3 项目中，你可能会在。
python12 中，No module named‘distutils‘错误
热门推荐
qq_43557600的博客
08-27 1万+
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
vue ref和reactive区别
灰海
08-25 5812
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 911
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
class 2: vue.js 3 模板语法和内置指令
ComingLiu的博客
08-29 585
vue.js 3
滴滴前端日常实习一面
最新发布
weixin_46714216的博客
08-31 242
滴滴前端面经
基于Java+Springboot+Vue+elememt宠物用品商城系统设计实现
央顺科技官方博客
08-31 991
随着信息技术的不断发展，我们现在已经步入了信息化的时代了，而信息时代的代表便是网络技术的日渐成熟，而现在网络已经和我们的生活紧密的联系起来了，我们不敢想象没有网络我们的生活会像怎么样，也许就像食物中没有调料现在的生活离开了网络会变得索然无味。通过网络我们可以足不出户的做许多事情，例如工作、娱乐、学习，交友和购物等等许多我们数之不尽的事情，而就是因为网络我们的生活变得多姿多彩，或许有时甚至帮我们省下不少的时间和给予了我们更多的机遇。宠物网上商城对我们来说就有这些意义。
vue手机端 搜索框调起带搜索键盘，点击确认自动关闭
qq_42740298的博客
08-29 329
vue手机端 搜索框调起带搜索键盘，点击确认自动关闭
比较一下React与Vue
qq_60504665的博客
08-29 496
需要注意的是，选择合适的前端框架并非一蹴而就的决策，需要在实际项目中实践和评估。通过比较虚拟DOM树和真实DOM树的差异，React仅更新需要变化的部分，提高了应用的性能2。拥有一个庞大的生态系统，包括大量的第三方库、工具和框架（如Redux、React Router等），为开发者提供了丰富的选择12。通过响应式数据绑定来实时追踪数据变化，只更新变化的部分，减少了不必要的重新渲染，提高了页面的响应速度13。鼓励将UI分解为小的、独立的、可复用的组件，这种方式使得代码更加模块化，易于理解和维护1。
echarts组件——饼图
weixin_42255789的博客
08-28 285
饼图
如何实现ctr+enter换行
05-23
在大多数文本编辑器和网站中，按下“Ctrl+Enter”组合键可以提交表单或发送消息，而不是换行。如果您想要在文本编辑器中实现“Ctrl+Enter”换行功能，可以尝试以下方法： 1. 使用插件或扩展程序：某些文本编辑器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值