<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body οnlοad="load()">
<input type="button" name="btn11" value="btn1" id="btn1111" />
<input type="button" name="btn22" value="btn2" id="btn2222" οnclick="on()" />
<table width="450" border="1px" cellspacing="0" style="text-align: center;" οnmοuseοver="mouseover()"
οnmοuseοut="mouseout()" οnmοusedοwn="mousedown()">
<tr>
<th>序号</th>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
<tr>
<td>1</td>
<td>西格</td>
<td>34</td>
<td>学生</td>
</tr>
<tr>
<td>2</td>
<td>南哥</td>
<td>13</td>
<td>白领</td>
</tr>
</table>
<form action="" οnsubmit="btnsub()">
<input type="text" name="text" οnfοcus="focuss()" οnblur="blurr()" οnkeydοwn="btnkey()">
<input type="submit" value="提交按钮">
</form>
<script>
function load() {
alert('页面被加载完成-----');
}
function mouseover() {
console.log('鼠标移动到表格上');
}
function mouseout() {
console.log('鼠标移出表格');
}
//鼠标点击某元素：onmousedown
function mousedown() {
alert('你说的是吗');
}
function blurr() {
console.log('失去焦点');
}
function focuss() {
console.log('获得焦点');
}
function btnsub() {
alert('提交了');
}
function btnkey() {
console.log('键盘被按下了');
}
document.getElementById('btn1111').onclick = function () {
alert('你说的对！！！！');
}
function on() {
alert('啊 对对对');
}
</script>
</body>
</html>
绑定事件监听时，要注意函数名不能和事件名称一样，最好也不要是js里面的函数名。
onsubmit这个事件要绑定在form表单上 ，不要绑定在submit按钮上
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
