{"id":1288,"date":"2023-09-12T19:21:57","date_gmt":"2023-09-12T11:21:57","guid":{"rendered":"https:\/\/fdream.net\/blog\/?p=1288"},"modified":"2023-09-12T19:21:57","modified_gmt":"2023-09-12T11:21:57","slug":"%e4%b8%a4%e4%b8%aa%e9%94%ae%e7%9b%98%e4%ba%8b%e4%bb%b6%e7%9a%84%e5%85%bc%e5%ae%b9%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"https:\/\/fdream.net\/blog\/article\/1288","title":{"rendered":"\u4e24\u4e2a\u952e\u76d8\u4e8b\u4ef6\u7684\u517c\u5bb9\u95ee\u9898"},"content":{"rendered":"\n<p id=\"u9f2d4b4f\">\u6700\u8fd1\u78b0\u5230\u4e24\u4e2a\u952e\u76d8\u4e8b\u4ef6\u7684\u95ee\u9898\uff0c\u4ee5\u524d\u4e00\u76f4\u6ca1\u600e\u4e48\u6ce8\u610f\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"CveJu\">\u4e2d\u6587\u8f93\u5165\u6cd5\u7684\u56de\u8f66\u95ee\u9898<\/h2>\n\n\n\n<p id=\"u08d633ab\">\u5f88\u591a\u8f93\u5165\u6846\u90fd\u652f\u6301<code>Enter<\/code>\u56de\u8f66\u952e\u63d0\u4ea4\uff0c\u4f46\u662f\u5728\u4e2d\u6587\u8f93\u5165\u6cd5\u4e0b\uff0c\u7528\u56de\u8f66\u8f93\u5165\u82f1\u6587\u7684\u65f6\u5019\u4f1a\u76f4\u63a5\u89e6\u53d1<code>Enter<\/code>\u63d0\u4ea4\u884c\u4e3a\u3002\u6b64\u65f6\u53ef\u4ee5\u4f7f\u7528<code>KeyboardEvent<\/code>\u7684<code>isComposing<\/code>\u5c5e\u6027\u53ef\u4ee5\u5224\u65ad\u5f53\u524d\u662f\u5426\u662f\u5904\u4e8e\u8f93\u5165\u8fc7\u7a0b\u4e2d\uff0c\u5373\u662f\u5426\u5728<code>compositionstart<\/code>\u548c<code>compositionend<\/code>\u4e4b\u95f4\uff0c\u5982\u679c<code>isComposing<\/code>\u4e3a<code>true<\/code>\uff0c\u5ffd\u7565\u6b64\u65f6\u7684<code>Enter<\/code>\u5373\u53ef\u3002\u5728<code>Firefox<\/code>\u548c<code>Chrome<\/code>\u4e2d\u90fd\u65e0\u6b64\u95ee\u9898\uff0c\u4f46\u662f\u5728<code>Safari<\/code>\u4e0b\uff0c\u6b64\u65f6\u7684<code>isComposing<\/code>\u4f1a\u4e3a<code>false<\/code>\uff0c\u65e0\u6cd5\u6b63\u5e38\u5904\u7406\u6b64\u65f6\u7684<code>Enter<\/code>\u3002<\/p>\n\n\n\n<p id=\"u65e3a868\">\u8feb\u4e8e\u65e0\u5948\uff0c\u53ea\u597d\u770b\u4e0b<code>Event<\/code>\u4e2d\u662f\u5426\u8fd8\u6709\u5176\u4ed6\u5c5e\u6027\u53ef\u4ee5\u4f7f\u7528\uff0c\u8bd5\u8bd5<code>key<\/code>\u3001<code>code<\/code>\u548c\u88ab\u629b\u5f03\u7684<code>keyCode<\/code>\uff1a<\/p>\n\n\n\n<pre id=\"OizqB\" class=\"wp-block-code\"><code>console.log(e.key, e.code, e.keyCode, e.isComposing)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"m6hVL\">Chrome \/ Edge \u7ed3\u679c\u5982\u4e0b\uff1a<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"166\" src=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image.png\" alt=\"\" class=\"wp-image-1289\" srcset=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image.png 362w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-300x138.png 300w\" sizes=\"auto, (max-width: 362px) 100vw, 362px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"iuB7j\">Firefox \u7ed3\u679c\u5982\u4e0b\uff1a<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"180\" src=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-1.png\" alt=\"\" class=\"wp-image-1290\" srcset=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-1.png 354w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-1-300x153.png 300w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"osU16\">Safari \u7ed3\u679c\u5982\u4e0b\uff1a<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"174\" src=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-2.png\" alt=\"\" class=\"wp-image-1291\" srcset=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-2.png 354w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-2-300x147.png 300w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/a><\/figure>\n\n\n\n<p id=\"ub2250e2a\">\u5728<code>Firefox<\/code>\u4e0b\uff0c<code>key<\/code>\u5c5e\u6027\u4f1a\u8fd4\u56de<code>Process<\/code>\uff0c\u800c\u5176\u4ed6\u6d4f\u89c8\u5668\u4f1a\u8fd4\u56de\u5f53\u524d\u6309\u4e0b\u7684\u6309\u952e\u5b57\u6bcd\uff0c\u770b\u8d77\u6765\u662f\u6ca1\u6cd5\u7528\u4e86\u3002\u552f\u72ec\u88ab\u629b\u5f03\u7684<code>keyCode<\/code>\u5012\u662f\u4e00\u5982\u65e2\u5f80\u5730\u53ef\u9760\u2014\u2014\u5728\u6574\u4e2a\u8f93\u5165\u8fc7\u7a0b\u4e2d\u4e00\u76f4\u8fd4\u56de229\u2026\u2026\u4f3c\u4e4e\u6ca1\u5f97\u9009\u4e86\uff0c\u53ea\u80fd\u7528<code>keyCode<\/code>\u5224\u65ad\u662f\u5426\u4e3a13\u6765\u5904\u7406\u4e86\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"EI4La\">\u6309\u4f4f\u6309\u952e\u91cd\u590d\u89e6\u53d1\u952e\u76d8<code>keydown<\/code>\u4e8b\u4ef6<\/h2>\n\n\n\n<p id=\"u0d160bbe\">\u5728<code>MacOS<\/code>\u7684<code>Chrome<\/code>\u4e0b\uff0c\u6309\u4f4f<code>Alt\/Shift\/Command<\/code>\u7b49\u63a7\u5236\u6309\u952e\uff0c\u5e76\u4e0d\u4f1a\u89e6\u53d1\u8fde\u7eed\u7684<code>keydown<\/code>\u4e8b\u4ef6\uff0c\u53ea\u6709\u6309\u4f4f\u5176\u4ed6\u53ef\u4ee5\u6539\u53d8\u8f93\u5165\u6846\u5185\u5bb9\u7684\u6309\u952e\uff08\u5982\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7b26\u53f7\u7b49\uff09\u624d\u4f1a\u8fde\u7eed\u89e6\u53d1<code>keydown<\/code>\u4e8b\u4ef6\uff0c\u4f46\u5728<code>Windows<\/code>\u4e0b\u65e0\u8bba\u4ec0\u4e48\u952e\u90fd\u4f1a\u91cd\u590d\u89e6\u53d1<code>keydown<\/code>\u4e8b\u4ef6\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"692\" src=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-3.png\" alt=\"\" class=\"wp-image-1292\" srcset=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-3.png 954w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-3-300x218.png 300w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-3-768x557.png 768w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/a><\/figure>\n\n\n\n<p id=\"uc04c14aa\">\u4e0d\u8fc7\u8fd9\u4e2a\u5904\u7406\u4e5f\u6bd4\u8f83\u7b80\u5355\uff0c\u6309\u952e\u4e8b\u4ef6\u6709\u4e2a\u5c5e\u6027<code>repeat<\/code>\uff0c\u7b2c\u4e00\u6b21\u4e3a<code>false<\/code>\uff0c\u540e\u7eed\u89e6\u53d1\u65f6\u4e3a<code>true<\/code>\u3002<\/p>\n\n\n\n<p id=\"uc67657f1\">\u7b2c\u4e00\u6b21\u89e6\u53d1\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"1024\" src=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-4.png\" alt=\"\" class=\"wp-image-1293\" srcset=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-4.png 968w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-4-284x300.png 284w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-4-768x812.png 768w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/a><\/figure>\n\n\n\n<p id=\"u845b375b\">\u540e\u7eed\u89e6\u53d1\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"1002\" src=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-5.png\" alt=\"\" class=\"wp-image-1294\" srcset=\"https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-5.png 966w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-5-289x300.png 289w, https:\/\/fdream.net\/blog\/wp-content\/uploads\/2023\/09\/image-5-768x797.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u8fd1\u78b0\u5230\u4e24\u4e2a\u952e\u76d8\u4e8b\u4ef6\u7684\u95ee\u9898\uff0c\u4ee5\u524d\u4e00\u76f4\u6ca1\u600e\u4e48\u6ce8\u610f\u3002 \u4e2d\u6587\u8f93\u5165\u6cd5\u7684\u56de\u8f66\u95ee\u9898 \u5f88\u591a\u8f93\u5165\u6846\u90fd\u652f\u6301Enter\u56de\u8f66\u952e\u63d0\u4ea4\uff0c\u4f46\u662f\u5728\u4e2d\u6587\u8f93\u5165\u6cd5\u4e0b\uff0c\u7528\u56de\u8f66\u8f93\u5165\u82f1\u6587\u7684\u65f6\u5019\u4f1a\u76f4\u63a5\u89e6\u53d1Enter\u63d0\u4ea4\u884c\u4e3a\u3002\u6b64\u65f6\u53ef\u4ee5\u4f7f\u7528KeyboardEvent\u7684isComposing\u5c5e\u6027\u53ef\u4ee5\u5224\u65ad\u5f53\u524d\u662f\u5426\u662f\u5904\u4e8e\u8f93\u5165\u8fc7\u7a0b\u4e2d\uff0c\u5373\u662f\u5426\u5728compositionstart\u548ccompositionend\u4e4b\u95f4\uff0c\u5982\u679cisComposing\u4e3atrue\uff0c\u5ffd\u7565\u6b64\u65f6\u7684Enter\u5373\u53ef\u3002\u5728Firefox\u548cChrome\u4e2d\u90fd\u65e0\u6b64\u95ee\u9898\uff0c\u4f46\u662f\u5728Safari\u4e0b\uff0c\u6b64\u65f6\u7684isComposing\u4f1a\u4e3afalse\uff0c\u65e0\u6cd5\u6b63\u5e38\u5904\u7406\u6b64\u65f6\u7684Enter\u3002 \u8feb\u4e8e\u65e0\u5948\uff0c\u53ea\u597d\u770b\u4e0bEvent\u4e2d\u662f\u5426\u8fd8\u6709\u5176\u4ed6\u5c5e\u6027\u53ef\u4ee5\u4f7f\u7528\uff0c\u8bd5\u8bd5key\u3001code\u548c\u88ab\u629b\u5f03\u7684keyCode\uff1a Chrome \/ Edge \u7ed3\u679c\u5982\u4e0b\uff1a Firefox \u7ed3\u679c\u5982\u4e0b\uff1a Safari \u7ed3\u679c\u5982\u4e0b\uff1a \u5728Firefox\u4e0b\uff0ckey\u5c5e\u6027\u4f1a\u8fd4\u56deProcess\uff0c\u800c\u5176\u4ed6\u6d4f\u89c8\u5668\u4f1a\u8fd4\u56de\u5f53\u524d\u6309\u4e0b\u7684\u6309\u952e\u5b57\u6bcd\uff0c\u770b\u8d77\u6765\u662f\u6ca1\u6cd5\u7528\u4e86\u3002\u552f\u72ec\u88ab\u629b\u5f03\u7684keyCode\u5012\u662f\u4e00\u5982\u65e2\u5f80\u5730\u53ef\u9760\u2014\u2014\u5728\u6574\u4e2a\u8f93\u5165\u8fc7\u7a0b\u4e2d\u4e00\u76f4\u8fd4\u56de229\u2026\u2026\u4f3c\u4e4e\u6ca1\u5f97\u9009\u4e86\uff0c\u53ea\u80fd\u7528keyCode\u5224\u65ad\u662f\u5426\u4e3a13\u6765\u5904\u7406\u4e86\u3002 \u6309\u4f4f\u6309\u952e\u91cd\u590d\u89e6\u53d1\u952e\u76d8keydown\u4e8b\u4ef6 \u5728MacOS\u7684Chrome\u4e0b\uff0c\u6309\u4f4fAlt\/Shift\/Command\u7b49\u63a7\u5236\u6309\u952e\uff0c\u5e76\u4e0d\u4f1a\u89e6\u53d1\u8fde\u7eed\u7684keydown\u4e8b\u4ef6\uff0c\u53ea\u6709\u6309\u4f4f\u5176\u4ed6\u53ef\u4ee5\u6539\u53d8\u8f93\u5165\u6846\u5185\u5bb9\u7684\u6309\u952e\uff08\u5982\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7b26\u53f7\u7b49\uff09\u624d\u4f1a\u8fde\u7eed\u89e6\u53d1keydown\u4e8b\u4ef6\uff0c\u4f46\u5728Windows\u4e0b\u65e0\u8bba\u4ec0\u4e48\u952e\u90fd\u4f1a\u91cd\u590d\u89e6\u53d1keydown\u4e8b\u4ef6\u3002 \u4e0d\u8fc7\u8fd9\u4e2a\u5904\u7406\u4e5f\u6bd4\u8f83\u7b80\u5355\uff0c\u6309\u952e\u4e8b\u4ef6\u6709\u4e2a\u5c5e\u6027repeat\uff0c\u7b2c\u4e00\u6b21\u4e3afalse\uff0c\u540e\u7eed\u89e6\u53d1\u65f6\u4e3atrue\u3002 \u7b2c\u4e00\u6b21\u89e6\u53d1\uff1a \u540e\u7eed\u89e6\u53d1\uff1a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[104,105],"class_list":["post-1288","post","type-post","status-publish","format-standard","hentry","category-coding","tag-JavaScript","tag-JS"],"views":1992,"_links":{"self":[{"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/posts\/1288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/comments?post=1288"}],"version-history":[{"count":0,"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/posts\/1288\/revisions"}],"wp:attachment":[{"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/media?parent=1288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/categories?post=1288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fdream.net\/blog\/wp-json\/wp\/v2\/tags?post=1288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}