2024年6月2日发(作者：)

目录

1. 焦点事件(onfocus得到焦点事件、onblur失去焦点事件) ............................................... 1

ge事件（以select为例）.................................................................................... 1

3.鼠标事件（onmouseover、onmouseout）....................................................................... 2

4.键盘事件（keydown按下、keyup释放、keypress按下并释放）text只能数数字限制 ...... 2

1. 焦点事件(onfocus得到焦点事件、onblur失去焦点事件)

Js代码：

HTML代码：

输入您的姓名：

onfocus="javascript:if(==''){ alert('输入姓名');}" />

ge事件（以select为例）

当xxx改变时触发的事件

Js：

HTML:

3.鼠标事件（onmouseover、onmouseout）

onmouseover="='#000000';"

onmouseout="if ( == '请输入需要查询的信息'){ = '#ACACAC'}"

onblur="if ( == '') { = '请输入需要查询的信息'; = '#ACACAC' }

else { = '#000000'; }"

onclick="if ( == '请输入需要查询的信息') { = ''; =

'#000000'; }" value="请输入需要查询的信息" />

4.键盘事件（keydown按下、keyup释放、keypress按下并释放）text只能数数字限制

Js：

HTML:

js只能输入数字：

js数字和.

onkeyup（按键）、onafterpaste（复制）只能输入数字：

onafterpaste="=e(/D/g,'')"

onkeydown="=e(/D/g,'')"

value="" name="search_card" class="search_card">