开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Chrome 81 -> 83输入[type=“datetime-local”] enter键行为

Chrome 81 -> 83输入[type=“datetime-local”] enter键行为是指在Chrome浏览器版本81到83中，当用户在网页中使用<input type="datetime-local">元素输入日期和时间后，按下Enter键的行为。

在Chrome 81版本之前，当用户在<input type="datetime-local">元素中输入完日期和时间后，按下Enter键会触发表单的提交行为。这意味着如果该<input>元素位于<form>标签内，按下Enter键会导致整个表单提交。

然而，从Chrome 81版本开始，Chrome更改了<input type="datetime-local">元素的Enter键行为。现在，按下Enter键不再触发表单的提交，而是将焦点移动到下一个可聚焦的元素。

这个改变是为了提高用户体验和一致性。在过去，用户可能会意外提交表单，而不是只是在日期和时间输入完成后移动到下一个输入字段。通过更改Enter键行为，用户可以更方便地在输入日期和时间后继续填写其他表单字段，而不会意外提交表单。

对于开发人员和网站设计者来说，他们不需要特别的代码或配置来实现这个行为变化。这是由Chrome浏览器自动处理的。

总结： Chrome 81 -> 83版本中，输入[type="datetime-local"]元素的Enter键行为已更改。按下Enter键不再触发表单的提交，而是将焦点移动到下一个可聚焦的元素，以提高用户体验和一致性。

腾讯云相关产品和产品介绍链接地址：腾讯云提供了丰富的云计算产品和服务，以下是一些与云计算相关的产品和链接地址：

云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。了解更多：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。了解更多：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：提供安全可靠的对象存储服务，适用于存储和处理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。了解更多：https://cloud.tencent.com/product/ailab

请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

不用JS，教你只用纯HTML做出几个实用网页效果

date 将显示本机日期选择器 datetime-local 更丰富的日期和时间选择器 month 友好的月份选择器 tel会让你输入一个电话号码。...HTML: Enter date: Enter...date & time: Enter month: Enter Phone: CSS: input, label {...此外，检查移动输入类型以了解用户在移动浏览器上时这些输入元素的键盘行为。 4.

2.3K4 0

html5 表单元素示例

url.checkValidity()){ alert("请输入合法的url地址"); flag= false; } else { alert("恭喜您输入的...按tab键切换时会按照指定的值，依次切换 .. --> 用户名: <input name="username" placeholder="请<em>输入</em>用户名" autofocus="autofocus...-- date类型，火狐,ie9 中测试不支持， <em>chrome</em> 支持...., datetime类型:这三款浏览器都不支持， <em>datetime-local</em>:只有<em>chrome</em>支持,...time:时间<em>输入</em>框,<em>chrome</em>支持, week:某一年的第几周,<em>chrome</em>支持, month:某一年的第几月,<em>chrome</em>支持, --> 出生日期: <!

1.5K2 0

键盘事件和键码

document.onkeydown=function(event...asciicircum degree 147 keyCode 253 = 3 sterling 148 keyCode 254 = Mode_switch 149 使用event对象的keyCode属性判断输入的键值...150 eg：if(event.keyCode==13)alert(“enter!”)...　ESC　　0X1B 169 R　　0X82　CTRL 　0X11 170 S　　0X83　SHIFT　0X10 171 T　　0X84　ENTER　0XD 172 如果要使用组合键，则可以判断是否同时按下了这几个键...，比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键

1.5K1 0

【云端架构】前端js键盘绑定事件

在Web开发中，有时候我们可能会把页面中的某些按钮绑定到键盘的输入事件中。以下代码能方便实现我们需要的功能。...js代码： document.onkeyup = function (event... eg：if(event.keyCode==13)alert(“enter!”)...　ESC　　0X1B R　　0X82　CTRL 　0X11 S　　0X83　SHIFT　0X10 T　　0X84　ENTER　0XD 如果要使用组合键，则可以利用event.ctrlKey，event.shiftKey...，event .altKey判断是否按下了ctrl键、shift键以及alt键

4.4K10 0

js keycode键盘码

k K keyCode 76 = l L keyCode 77 = m M mu keyCode 78 = n N keyCode 79 = o O keyCode 80 = p P keyCode 81...keyCode 252 = asciicircum degree keyCode 253 = 3 sterling keyCode 254 = Mode_switch 使用event对象的keyCode属性判断输入的键值...eg：if(event.keyCode==13)alert(“enter!”)...　ESC　　0X1B R　　0X82　CTRL 　0X11 S　　0X83　SHIFT　0X10 T　　0X84　ENTER　0XD 组合键如果要使用组合键，则可以判断是否同时按下了这几个键，比如ctrl...键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键 <script type="text/javascript" language=JavaScript charset

4.5K1 0

JS实现键盘监听

查了一些方法但是其兼容性和稳定性不是很高，最终得到如下方法，经测试在Firfox、Chrome、IE中均一、使用javascript实现 <!...四、详细keyCode值列表：字母和数字键的键码值(keyCode) 按键键码按键键码按键键码按键键码 A 65 J 74 S 83 1 49 B...52 E 69 N 78 W 87 5 53 F 70 O 79 X 88 6 54 G 71 P 80 Y 89 7 55 H 72 Q 81...105 F2 113 F8 119 2 98 * 106 F3 114 F9 120 3 99 + 107 F4 115 F10 121 4 100 Enter...191 Enter 13 Page Down 34 Delete 46 `~ 192 Shift 16 End 35 Num Lock 144 [{ 219 Control

7.1K3 1

selenium保存静态网页

经过多次采坑之后发现chrome可以直接保存为一个单独的mhtml文档，但是chrome是默认关闭状态，这时候我们就需要在webdriver中打开这个设置。...(chrome_options=options) 3、接下来就要开始保存网页了，通常保存一个网页我们需要进行Ctrl+A，Ctrl+S，然后Enter三步操作，这些操作我们可以通过Actionchains...# 按下a win32api.keybd_event(65, 0, win32con.KEYEVENTF_KEYUP, 0) # 释放a win32api.keybd_event(83...有些网站需要点击一下页面，才能进行保存，比如csdn m.click(100,100,1,1) # #键盘操作 k = PyKeyboard() k.press_key(k.control_key)#按下ctrl键...# k.press_key('a') #按下a键 # k.release_key('a')#释放a键 k.press_key('s') k.release_key('s') k.release_key(

3.1K3 1

三天学会HTML5 之第一天

HTML5 为输入元素引入了新属性“type”，看以下示例： Number ...Placeholder 新的输入控件 <input type="text" placeholder="Enter Value" id="MyPlaceHolderControl"...创建输入控件，绑定List 3. 运行测试 ?...validity.typeMismatch) { $('.InvalidEmailSpan').show(); } } event.preventDefault(); 会组织默认行为的发生

9707 0

如何禁止小白查看网页源代码的简单操作

252 = asciicircum degree keyCode 253 = 3 sterling keyCode 254 = Mode_switch 使用event对象的keyCode属性判断输入的键值...eg：if(event.keyCode==13)alert(“enter!”)...　ESC　　0X1B R　　0X82　CTRL 　0X11 S　　0X83　SHIFT　0X10 T　　0X84　ENTER　0XD Keycode常数表 ---- 可在代码中的任何地方用下列常数代替实际值...vbKeyBack 0x8 BACKSPACE 键 vbKeyTab 0x9 TAB 键 vbKeyClear 0xC CLEAR 键 vbKeyReturn 0xD ENTER 键 vbKeyShift...77 M 键 vbKeyN 78 N 键 vbKeyO 79 O 键 vbKeyP 80 P 键 vbKeyQ 81 Q 键 vbKeyR 82 R 键 vbKeyS 83 S 键 vbKeyT

1.7K2 1

用python代码模拟键盘输入

今天在写代码时遇到一种情况，代码只能通过外部操作来判断，这时我就想到用python的代码来模拟一个键盘输入的值。...：字母和数字键数字小键盘的键功能键其它键键键码键键码键键码键键码... 98 F3 114 Clear 12 D 68 3 99 F4 115 Enter...Left Arrow 37 P 80 / 111 Up Arrow 38 Q 81...Arrow 39 R 82 Down Arrow 40 S 83

2.1K2 0

Python+selenium 自媒体自动化 - 实现自动投稿、自动发布哔哩哔哩B站短视频实例演示

使用方法可以查看： Python+selenium 自动化-操作已启用的 chrome 浏览器实例演示，chrome 启用调试端口方法 from selenium import webdriver...="file" and contains(@accept,"mp4")]').send_keys(path_mp4) ③ 自定义标签的输入需要先输入文本再回车，这里用了快捷键的功能。...(Keys.ENTER) time.sleep(1) driver.find_element_by_xpath('//input[@placeholder="按回车键Enter创建标签"...(Keys.ENTER) time.sleep(1) driver.find_element_by_xpath('//input[@placeholder="按回车键Enter创建标签"...(Keys.ENTER) time.sleep(1) # 输入描述 driver.find_element_by_xpath('//*[@editor_id="desc_at_editor

2.4K1 0

Airtest IDE 自动化测试11 - text 和 keyevent

在目标设备上输入文本，文本框需要处于激活状态参数: text :要输入的文本 enter :完成输入后默认执行 Enter 操作，默认是 True search :完成输入后强制执行search...使用示例 >>> text("test") >>> text("test", enter=False) 在Android上，有时你需要在输入完毕后点击搜索按钮: text("test", search=...True) Module airtest.core.android.ime.YosemiteIme.code 如果你想输入其它键，可以使用这个接口:: >>> text("test") >>> device...解锁(KEYCODE_NOTIFICATION)：adb shell input keyevent 83 向上(KEYCODE_DPAD_UP)：adb shell input keyevent 19...KEYCODE_SLASH” 77 –> “KEYCODE_AT” 78 –> “KEYCODE_NUM” 79 –> “KEYCODE_HEADSETHOOK” 80 –> “KEYCODE_FOCUS” 81

1.4K8 0

Python模拟键盘输入和鼠标操作

一、Python键盘输入模拟： import win32api import win32con win32api.keybd_event(17,0,0,0) #ctrl键位码是17 win32api.keybd_event...功能键其它键键键码键键码键键码键键码 A 65 ...33 L 76 + 107 F12 123 Page Down 34 M 77 Enter... 37 P 80 / 111 -- -- Up Arrow 38 Q 81...Arrow 39 R 82 -- -- -- -- Down Arrow 40 S 83

1.5K2 0

Python模拟键盘输入和鼠标操作

一、Python键盘输入模拟： import win32api import win32con win32api.keybd_event(17,0,0,0) #ctrl键位码是17 win32api.keybd_event...功能键其它键键键码键键码键键码键键码 A 65 ...33 L 76 + 107 F12 123 Page Down 34 M 77 Enter... 37 P 80 / 111 -- -- Up Arrow 38 Q 81...Arrow 39 R 82 -- -- -- -- Down Arrow 40 S 83

1.6K4 0

Python模拟键盘输入和鼠标操作

一、Python键盘输入模拟： import win32api import win32con win32api.keybd_event(17,0,0,0) #ctrl键位码是17 win32api.keybd_event...功能键其它键键键码键键码键键码键键码 A 65 ...33 L 76 + 107 F12 123 Page Down 34 M 77 Enter... 37 P 80 / 111 -- -- Up Arrow 38 Q 81...Arrow 39 R 82 -- -- -- -- Down Arrow 40 S 83

1.2K1 0

Selenium WebDriver API 学习笔记（二）：浏览器控制

()3.模拟浏览器刷新refresh(); 如driver.refresh()类似F54.简单元素操作①clear(); 清除文本②send_keys(*value); 模拟按键输入③click();...') 可以是id、name、type或其他任意属性result= driver.find_element_by_id("qwe"). is_displayed() 返回元素的结果是否可见，返回结果为...Ture或者False6.鼠标事件perform(): 执行所有ActionChains中存储的行为context_click(): 右击double_click(): 双击drag_and_drop(...调用这个类，将浏览器驱动driver作为参数传入context_click(right_click):模拟邮件操作，在使用时需要指定元素定位perfom():将指定所有ActionChains中存储的行为...SPACE)空格键send_keys(Keys.TAB)制表键send_keys(Keys.ESCAPE)回退键send_keys(Keys.ENTER)回车键send_keys(Keys.CONTROL

7402 0

Python 通过api操控鼠标键盘

return int(po.x),int(po.y) class POINT(Structure): fields_=[("x",c_ulong),("y",c_ulong)] 模拟键盘输入...win32api.keybd_event(86,0,0,0) 键码表 Win32 api函数表附个键位码表：字母和数字键数字小键盘的键功能键其它键键键码键键码...键键码键键码 A 65 0 B 66 1 97 F2 113 Tab 9 C 67 2 98 F3 114 Clear 12 D 68 3 99 F4 115 Enter 13 E 69...108 – – End 35 N 78 - 109 – – Home 36 O 79 . 110 – – Left Arrow P 80 / 111 – – Up Arrow Q 81 – – – –...Right Arrow R 82 – – – – Down Arrow S 83 – – – – Insert 45 T 84 – – – – Delete 46 U 85 – – – – Help

1.1K2 0

HTML5新增属性学习笔记

type="submit"> 5 浏览器支持：Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支持 formaction...1 5、autofocus属性给文本框、选择框或者按钮添加autofocus属性，可在页面打开时自动获得光标焦点。...1 浏览器支持：Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 autofocus...text： <...datetime-local 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。 month 定义 month 和 year 控件（不带时区）。

1.8K9 0

JS监听键盘按键

document.onkeydown = function (event) { ...键 //要做的事情 alert("按 Enter"); } if (e.keyCode == 86 && e.ctrlKey)...k K keyCode 76 = l L keyCode 77 = m M mu keyCode 78 = n N keyCode 79 = o O keyCode 80 = p P keyCode 81...　ESC　　0X1B R　　0X82　CTRL 　0X11 S　　0X83　SHIFT　0X10 T　　0X84　ENTER　0XD

6.8K1 0

为WordPress 评论框添加HTML5 表单验证

HTML5新的表单特性 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search...结合required属性、placeholder属性，原来的代码应该修改为类似如下：如果浏览器支持HTML5，那么访客如果不正常输入相关内容就提交表单，浏览器（图示为chrome浏览器）会如下图提示：...没有输入必填项： ?

4.4K10 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭