HTML--onkeydown和onkeyup区别

最新推荐文章于 2021-10-24 17:38:06 发布
最新推荐文章于 2021-10-24 17:38:06 发布
阅读量2.6k 收藏 4
点赞数 2
分类专栏： 02丨WEB 文章标签： onkeydown onkeyup
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/justinqin/article/details/79112605
版权

一、区别

onkeydown

down（下）即按下Enter键就触发事件，但无键值。 

onkeyup

up（上）即Enter键抬上即触发事件，有键值。

二、实例代码

<input type="text" id="id1" onkeydown="alert(this.value);"/>
<input type="text" id="id2" onkeyup="alert(this.value);"/>

测试一下，一看结果便知究竟！！！

输入框，输入2，测试结果

id1======>""

id2======>2

 

吾日三省贾斯汀
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
onkeydown事件解决按回车键直接提交数据的需求
12-01
登陆页面需要扑捉用户按下回车自动提交的需求: 在body里添加onkeydown事件跳javascript在提交表单。 查找文档如下 onkeydown 事件会在用户按下一个键盘按键时发生。 语法：onkeydown=”SomeJavaScriptCode” 支持该事件的html标签; 代码如下: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em
javascript-event-keycode-finder:找出javascript的OnKeyDown，OnKeyUp和OnKeyPress事件调用的键码的简单工具
04-29
Javascript事件键码查找器 找出javascript的OnKeyDown，OnKeyUp和OnKeyPress事件调用的键码的简单工具。 现场演示： :
Android onKeyDown、onKeyUp、dispatchKeyEvent的区别
weixin_30240349的博客
01-11 569
1. onKeyDown、onKeyUp、dispatchKeyEvent的区别和使用场景 区别：　 　1.1 onKeyDown、onKeyUp是按键事件的回调接口（冒泡式调用），dispatchKeyEvent是按键分发（隧道式分发） 1.2 onKeyDown接口的回调只有两个地方，一个是当焦点和所属Activity。onKeyUP接口的回调也只有两个地方最新焦点和所属Act...
web前端 -- onkeydown、onkeypress、onkeyup、onblur、onchange、oninput、onpropertychange的区别...
aijie6150的博客
10-08 182
FROM：http://www.cnblogs.com/svage/archive/2011/11/15/2249954.html onkeydown:按下任何键（字母、数字、系统、tab等）都能触发，且对于字母不区分大小写； onkeypress:按下字母、数字键时触发，且对于字母区分大小写; onkeyup:相应的键和onkeydown相同，区别是相应顺序的不同 前三者的相应...
13.onkeydown，up和onkeypress的区别?
杨星的博客
10-24 2591
onkeydown，up和onkeypress的区别 ? 1、从触发的键来区分 onkeydown和onkeyup针对所有的键起作用 onkeypress针对跟编辑有关系的键起作用（如：按字母键，退格键可以触发该事件，但是按shift，ctrl键就不会触发该事件） 2、keyCode所代表的意思不同 keyCode属性的意思： 在keydown和keyup事件里，keyCode属性代表的意思是键盘的虚拟码（每个键唯一的编码，跟是否大小写没有关系） 在keypress事件里，keyCode属性代表的意思是键.
监听keyup 和keydown 事件
马金波
02-06 4912
keyuphttp://www.w3school.com.cn/jquery/event_keyup.asp触发 keyup 事件语法 $(selector).keyup()将函数绑定到 keyup 事件语法 $(selector).keyup(function)keydownhttp://www.w3school.com.cn/jquery/event_keydown.aspkeydown 类似k
html 按钮 按下弹起,当按钮按下按钮时，在HTML按钮上捕获mousedown事件
weixin_36289292的博客
06-27 708
例不使用jQuery：Click or pressfunction buttonDown(button) {document.getElementById("status").innerHTML = "button " + button.id + " pressed";}function buttonUp(button) {document.getElementById("status").inn...
按回车触发事件
dyq44655的专栏
12-18 697
 前台 function GetFocus() { if(event.keyCode==13) { document.getElementById("Button1").click(); return false; } } 后台 TextBox1.Attributes.Add("onkeydown","return GetFocus();");
html监听vue事件,vue中的v-on事件监听机制
weixin_29191081的博客
06-09 437
1、作用：绑定事件监听，表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略，用在普通的html元素上时，只能监听 原生DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。2、常用事件：v-on:clickv-on:keydownv-on:keyupv-on:mousedownv-on:mouseoverv-on:submit....3、示例：5、v-on的缩写形...
PT80-NEAT开发指南v1.1
06-24
版权和许可条款 ...................................................................................................................................... 1 第二章 PT80 开发入门 ..............................
让html的text输入框只能输入数字和1个小数点(0-59之间可改)
12-10
text 数字 ..." onpaste="return false" onkeydown="return check(event)" onkeyup="if(isNaN(this.value)||this.value59) this.value=’0′”> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
html5 小游戏 demo
06-07
11.用Ant和compiler合并压缩js后发布到sae 如果你发现有什么不合理的，需要改进的地方，请留言。或者可以通过 328452421@qq.com 联系我，非常感谢。 http://blog.csdn.net/xiaoxiao108/article/details/8913616
onkeyup，onkeydown和onkeypress区别
whazhl的专栏
03-04 4627
 一、含义 onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。   onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。   onkeydown 这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。    二、onkeyup，onkeydown和onkeypress
Jquery--实现input keydown回车触发登录事件
热门推荐
JustinQin
12-07 1万+
一、说明 任意触发 不管当前焦点在哪个input输入框，只要回车就触发事件，如登录界面。 指定触发 指定某个input输入框回车时才触发事件。 二、实现 HTML代码 <body> 输入框1：<input id="inputId1" name="inputName1" class="className1"/><br> 输入框2：<in...
html--map area shape（地图）图片定位（矩形）
JustinQin
06-12 6302
本文以矩形为例，最快上手图片定位，其他形状（shape）类似，难点在于coords定位法则不同。 一、（矩形）html代码 <map name="Map"> <area shape="rect" coords="60,300,225,365" href="examRule.jsp"> <area shape="rect" co...
Jquery--模糊获取标签动态id值及内容
JustinQin
08-31 3932
一、说明 二、实现代码 Controller层 request.setAttribute("lists",lists); HTML代码 <c:forEach items="${requestScope.lists }" var="entity" varStatus="status"> <div id='hello${entity.objectId }'&gt...
ckfinder--如何去掉版本提示This is the demo version of CKFinder
JustinQin
10-19 3328
最近用到ckfinder作为文件管理集成到项目当中使用，但是发下从官网下载来的java版本的ckfinder插件，跑起项目起来发现提示信息This is the demo version of CKFinder，于是就在网上查找各种资料，有各种不同版本的解释，而且了解到不同版本对于去除左下方的提示语根本都不一样，这浪费了我一些时间，下面提供java版本ckfinder2.6官网下载去掉提示的方法如...
单选题(80分) 52、(1分)以下哪个事件在用户按下任意键时触发？ OA、onmousedown OB、onkeydown O·C、onkeyup D、onkeypress
最新发布
06-01
在用户按下任意键时，`onkeydown` 事件会被触发，选项B是正确的。`onkeydown` 事件在用户按下键盘上的任意键时触发，无论是否有字符输出。在该事件发生时，可以使用 `event` 对象来获取按下的键的相关信息。例如，下面的代码使用 `onkeydown` 事件来捕获用户按下的键的信息： ```html <body onkeydown="handleKeyDown(event)"> <h1>按下任意键</h1> </body> <script> function handleKeyDown(event) { console.log("键码：" + event.keyCode); console.log("按键：" + event.key); } </script> ``` 在上面的代码中，`onkeydown` 事件处理程序 `handleKeyDown` 在用户按下键盘上的任意键时调用。该处理程序接受一个 `event` 参数，该参数包含与按下的键相关的信息。然后，该处理程序使用 `console.log` 方法将键码和按键输出到控制台。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吾日三省贾斯汀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值