返回
首页 > 数码科技

JS代码实现按Ctrl+Enter提交数据

时间: 2024-01-27 本站作者

实例名称

JS代码实现Ctrl+Enter提交数据

实例描述

在使用QQ提交数据的时候,用户可以选择使用按Enter键提交.或者使用按“Ctrl+Enter”组合键提交,这样就方便了用户操作。本例学习使用“Ctrl+Enter”组合键提交数据。

实例代码

html xmlns="" headu00a0u00a0u00a0 title无标题页-学无忧 language=javascript//判断浏览器类型ie = true:falseif iefunction ctlenteventobjectu00a0u00a0 //获取用户输入的键值u00a0u00a0u00a0 ==13u00a0u00a0u00a0 ;/script需要在body中添加一个名为forml的窗体,代码如下所示:u00a0form action="" method="get" name="form1"u00a0u00a0u00a0 textarea cols="50" name="Content" rows="10" wrap="virtual" onkeydown="ctlent"u00a0u00a0u00a0u00a0 Ctrl+Enter提交内容/textareainput type=Submit value="Submit" name=Submit/form/body/html

运行效果

JS代码实现按Ctrl+Enter提交数据

难点剖析

本例的重点是如何判断用户同时选择了Ctrl和 Enter键。 在 Javascript中,“event.ctrlKey”用来判断用户是否选择了Ctrl键,“event.keyCode==13’’用来判断

用户是否选择了Enter键。通过判断是否同时满足这两个条件,来判断用户的选择。

源码下载

猜你喜欢

版权所有 Copyright©2023 餐饮美食网 版权所有

粤ICP备15109582号

联系邮箱:hueiji88@gmail.com