JS事件案例及常用IS事件总结

Original 2018-12-24 18:01:35 320
abstract:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>js事件</title>

</head>


<body>

<script type="text/javascript">

function myfocus(x){x.style.background="pink"}

function mymouseover(y){y.style.background="red"}

//function myclick(z){z.style.background="blue"}

function myclick(a){a.style.borderRadius="50px"}

</script>

姓名:<input type="text" onfocus="myfocus(this)">

年龄:<input type="text" onmousemove="mymouseover(this)">

<br>

<br>


<div style=" width:100px; height:100px; border:1px solid #999; background:#060" onclick="myclick(this)">

</div>

</body>

</html>

// 常用JS事件

/*   

onfocus   元素获得焦点

onchange HTML 元素改变

onclick 用户点击 HTML 元素

onload  页面加载完成

onmousemove 鼠标被移动

onmouseover 用户在一个HTML元素上移动鼠标

onkeydown 某个键盘被按下

*/

Correcting teacher:韦小宝Correction time:2018-12-24 18:02:33
Teacher's summary:总结的很不错!课后记得多使用多总结哦!!

Release Notes

Popular Entries