摘要:事件触发浏览器中的动作,在用户点击某元素时就会触发一段JavaScript代码。具体有: onfocus: 元素获得焦点,一般用于from表单 onblur:元素失去焦点,一般用于from表单 onchange:内容被改变时,一般用于from表单 onclick:当用户点击某个对象时 ondbclick;当用户双击某个对象时 onkeyup:当某个键盘按键被松开 onkeypress:当某个键盘按
事件触发浏览器中的动作,在用户点击某元素时就会触发一段JavaScript代码。
具体有:
onfocus: 元素获得焦点,一般用于from表单
onblur:元素失去焦点,一般用于from表单
onchange:内容被改变时,一般用于from表单
onclick:当用户点击某个对象时
ondbclick;当用户双击某个对象时
onkeyup:当某个键盘按键被松开
onkeypress:当某个键盘按键被按下并松开时
onload:页面或图像加载完毕,放在body或window后面
onmousedown:鼠标被按下时
onmousemove:鼠标被移开时
onmouseup:鼠标被松开时
onmouseover:鼠标移动到某元素时
onmouseout:鼠标从某元素移开时
onsubmit:确认按钮被点击时
案例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>shijian</title> </head> <body> <script type="text/javascript"> function myfocuse(x){ x.style.background="pink" x.style.borderRadius="50px"//border-radius的更改采用驼峰写法 } </script> <!-- onfocus: 元素获得焦点,一般用于from表单 --> 姓名:<input type="text" onfocus="myfocuse(this)"> <!-- onmouseover:鼠标移动到某元素时 --> 座右铭:<input type="text" onmouseover="myfocuse(this)"><!-- this指的是传递当前的input元素 --> <div style="width:100px;height:100px;background:red;" onclick="myfocuse(this)"> </div> </body> </html>
批改老师:PHP中文网批改时间:2018-11-04 14:04:41
老师总结:事件总结的挺好,不过程序中的myfocuse没有实现?