事件动画总结

原创 2018-11-04 13:46:15 311
摘要:事件触发浏览器中的动作,在用户点击某元素时就会触发一段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没有实现?

发布手记

热门词条