中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

海南新聞最新消息太原seo管理

海南新聞最新消息,太原seo管理,織夢者網(wǎng)站模板,網(wǎng)頁表單制作一、常見的鍵盤事件 onkeydown 某個鍵盤按鍵被按下onkeypress 某個鍵盤按鍵被按下onkeyup 某個鍵盤按鍵被松開 二、事件的執(zhí)行順序 onkeydown、onkeypress、onkeyup down 事件先發(fā)生;press 發(fā)生在文本被輸入;up …

一、常見的鍵盤事件

  • onkeydown????????某個鍵盤按鍵被按下
  • onkeypress? ? ? ? 某個鍵盤按鍵被按下
  • onkeyup? ? ? ? ? ? 某個鍵盤按鍵被松開

二、事件的執(zhí)行順序?onkeydown、onkeypress、onkeyup

  • down? ? ? 事件先發(fā)生;
  • press? ? ? 發(fā)生在文本被輸入;
  • up? ? ? ? ? 發(fā)生在文本輸入完成;

怎么區(qū)分onkeydown,?onkeypress?實際開發(fā)中并沒有對這2個有嚴(yán)格的區(qū)分。

onkeydown 更側(cè)重于按鍵動作本身,而 onkeypress 更注重實際字符的輸入。如果你關(guān)心的是按鍵操作,如游戲控制或鍵盤快捷鍵,onkeydown 比較合適;如果你需要識別用戶輸入的文字,onkeypress 更適合。

onkeypress有可能按下鍵后沒有松手(我自己理解press中文翻譯是按壓,代表還有壓力嘛,所以有可能還沒有松手),他會一直執(zhí)行?onkeydown、onkeypress事件。

三、我們可以通過key和code來區(qū)分按下的鍵

  • code:“按鍵代碼(“KeyA”,“ArrowLeft”等 ),特定于鍵盤上按鍵的物理位置。
  • key:字符(“A”, “a”等),對于非字符(non-character)的按鍵,通常具有與code相同的值。

那怎么獲取?

答:event.key, event.code

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><input type="text"><script>var inputEl = document.querySelector("input")inputEl.onkeydown = function () {console.log("keydown");}inputEl.onkeypress = function () {console.log("onkeypress");}inputEl.onkeyup = function (event) {console.log("onkeyup", event.key, event.code);}</script></body></html>

四、實戰(zhàn)演練

需求1:點擊按鈕進(jìn)行搜索。

需求2:敲我們的enter鍵也能觸發(fā)搜索。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><input type="text"><button>搜索</button><script>var inputEl = document.querySelector("input")var btnEl = document.querySelector("button")// inputEl.onkeydown = function () {//   console.log("keydown");// }// inputEl.onkeypress = function () {//   console.log("onkeypress");// }// inputEl.onkeyup = function (event) {//   console.log("onkeyup", event.key, event.code);// }// 點擊按鈕進(jìn)行搜索btnEl.onclick = function () {console.log("進(jìn)行搜索", inputEl.value);}inputEl.onkeyup = function () {if (event.key === "Enter") {console.log("進(jìn)行搜索", inputEl.value);}}</script></body></html>

?

需求3:我按個s鍵,獲取輸入框的焦點。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><input type="text"><button>搜索</button><script>var inputEl = document.querySelector("input")var btnEl = document.querySelector("button")// inputEl.onkeydown = function () {//   console.log("keydown");// }// inputEl.onkeypress = function () {//   console.log("onkeypress");// }// inputEl.onkeyup = function (event) {//   console.log("onkeyup", event.key, event.code);// }// 點擊按鈕進(jìn)行搜索btnEl.onclick = function () {console.log("進(jìn)行搜索", inputEl.value);}inputEl.onkeyup = function (event) {if (event.key === "Enter") {console.log("進(jìn)行搜索", inputEl.value);}}// 按個s鍵,自動獲取輸入框的焦點。document.onkeyup = function (event) {if (event.code === "KeyS") {console.log("用戶點擊了s");inputEl.focus()}}</script></body></html>

http://www.risenshineclean.com/news/53030.html

相關(guān)文章:

  • 請人做網(wǎng)站收費多少錢杭州谷歌推廣
  • 鄧州做網(wǎng)站網(wǎng)站建設(shè)的推廣渠道
  • 創(chuàng)建網(wǎng)站商城新冠疫情最新數(shù)據(jù)
  • 女人脫內(nèi)衣褲給男人做網(wǎng)站關(guān)鍵詞優(yōu)化seo多少錢一年
  • 政務(wù)公開既網(wǎng)站信息化建設(shè)會議十大電商代運營公司
  • 個人執(zhí)業(yè)資格注冊查詢搜索引擎優(yōu)化排名品牌
  • 自己網(wǎng)站上做淘寶搜索引擎百度關(guān)鍵詞推廣工具
  • 網(wǎng)站推廣項目平臺推廣廣告宣傳詞
  • 微網(wǎng)站開發(fā)中國十大網(wǎng)站排名
  • 網(wǎng)站源碼綁定域名萬秀服務(wù)不錯的seo推廣
  • 視頻網(wǎng)站如何推廣電商網(wǎng)站分析
  • 為什么要做網(wǎng)站首頁設(shè)計汕頭seo優(yōu)化項目
  • 建德網(wǎng)站優(yōu)化公司百度快照優(yōu)化的優(yōu)勢是什么
  • 西直門網(wǎng)站建設(shè)公司如何建立自己的網(wǎng)站
  • 如何用ps做網(wǎng)站效果圖百度電腦版網(wǎng)頁版
  • wordpress增加網(wǎng)址大全seo優(yōu)化一般多少錢
  • 哪些網(wǎng)站做外鏈好搜索引擎營銷的特點是什么
  • 如何用wd做網(wǎng)站設(shè)計百度競價代運營
  • 個人做的網(wǎng)站可以收款百度一下你就知道手機(jī)版官網(wǎng)
  • 一般購物網(wǎng)站怎么做推廣熱點時事新聞
  • 做視頻網(wǎng)站需要什么手續(xù)品牌推廣公司
  • 個人 可以做網(wǎng)站備案嗎seo超級外鏈
  • 西安短視頻代運營廣東seo推廣哪里好
  • kooboo wordpress 對比哈爾濱優(yōu)化調(diào)整人員流動管理
  • 自己做的網(wǎng)站如何讓別人訪問深圳網(wǎng)站優(yōu)化網(wǎng)站
  • 做網(wǎng)站找景安免費企業(yè)建站
  • 手機(jī)如何自制網(wǎng)站做一個app軟件大概要多少錢
  • 如何設(shè)置網(wǎng)站服務(wù)器訪問權(quán)限找客源免費用哪個軟件好
  • 深圳十大網(wǎng)站建設(shè)全球中文網(wǎng)站排名
  • 做箱包批發(fā)哪個網(wǎng)站好北京疫情最新消息情況