js獲取焦點和失去焦點操作(模仿京東搜尋框)

2021-10-08 23:24:46 字數 919 閱讀 9224

<

!doctype html>

"utf-8"

/>

"x-ua-compatible" content=

"ie=edge"

>

dom2

<

/title>

"viewport" content=

"width=device-width, initial-scale=1"

>

"stylesheet" type=

"text/css" media=

"screen" href=

"main.css"

/>

input

<

/style>

<

/head>

"text" value=

"手機"

>

//獲取元素

var text = document.

queryselector

('input');

//註冊事件 獲得焦點事件 onfocus

text.

onfocus

=function()

//獲得焦點需要把文字框裡的文字顏色加深

text.style.color =

'#333333';}

//註冊事件 失去焦點事件 onblur

text.

onblur

=function()

}<

/script>

<

/body>

<

/html>

實現效果

EditText獲取焦點和失去焦點

在android開發中,關於edittext自動獲取焦點彈出鍵盤,我們可能又是會有讓鍵盤自動彈出的需求,有時可能又會有不想讓鍵盤自動彈出的需求 需求 edittext自動獲取焦點並彈出鍵盤,edittext.setfocusable true edittext.setfocusableintouch...

jquery獲得焦點和失去焦點

前端 中如果存在一些讓使用者填寫內容的表單元素的話,我們可以使用jq中獲得焦點事件和失去焦點事件,來給使用者作出一些提示的內容。今天我們就說一說jquery下獲得焦點和失去焦點的事件的使用方法。focus 方法 當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時,該元素就會獲得焦點。語法 sele...

失去焦點和獲得焦點發生事件 js

失去焦點 nblur hanshu this 獲得焦點 nf cus hanshu this 函式名 chksafe 功能介紹 檢查是否含有 引數說明 要檢查的字串 返回值 0 是1 不是 function chksafe a return 1 函式名 chkspc 功能介紹 檢查是否含有空格 引數...