Sự kiện onfocus trong HTML – WebVN

<

!

DOCTYPE

html

>

<

html

>

<

body

>

 

<

p

>

Khi

b

n

chuy

n

tr

chu

t

v

à

o

khung

,

m

t

h

à

m

s

đượ

c

k

í

ch

ho

t

để

chuy

n

m

à

u

n

n

sang

v

à

ng

.

Khi

b

n

chuy

n

tr

ch

t

ra

ngo

à

i

,

m

t

h

à

m

s

đượ

c

k

í

ch

ho

t

để

chuy

n

m

à

u

n

n

sang

đỏ

.

<

/

p

>

 

Nh

p

t

ê

n

c

a

b

n

:

<

input

type

=

“text”

id

=

“myInput”

onfocus

=

“focusFunction()”

onblur

=

“blurFunction()”

>

 

<script>

// Focus = Chuyển nền sang màu vàng

function

focusFunction

(

)

{

document

.

getElementById

(

“myInput”

)

.

style

.

background

=

“yellow”

;

}

 

// Onblur  = Chuyển nền sang màu đỏ

function

blurFunction

(

)

{

document

.

getElementById

(

“myInput”

)

.

style

.

background

=

“red”

;

}

</script>

 

<

/

body

>

<

/

html

>