js 事件基础

HTML事件

语法：<tag 事件="要执行的脚本">

例子：<input type="text"  onclick="style.backgroundColor='red'">

功能：在html元素里面绑定事件 

说明 执行脚本可以是一个函数的调用

onload:页面加载时触发    当我们的js调用写在头部的时候  会先加载js  这样如果我们下面html元素将不会执行我们所设置的js变量  

语法 在函数调用的前面加上 window.onload=function(){}

onchange 域的内容发生改变  只适用于下拉菜单select 和文本框textarea 

onfouce  获取焦点时候触发   只适用于input标签为text、password、textarea 标签才能实现

onblur 失去焦点时和触发

鼠标事件

onclick 鼠标点击时触发

onmousedowm 鼠标按在时触发

onmouseup 在元素上松开鼠标时触发

onmouseover 鼠标滑过时触发

onmouseout 鼠标离开时触发

onresize  调整浏览器窗口大小时触发

键盘事件于keyCode属性

onkdowm 用户按下键盘时候触发 even 代表事件的状态 如触发even对象的元素、鼠标的位置及状态等待

onkeypress 在按下键盘时发生(只响应字母与数字)可以用keydowm代替

onkeyup  松开键盘按键时发生

keyCode 返回 onkeypress、onkeydowm、onkeyup事件触发的值的字符代码或键的代码

DOM0级事件

1.通过DOM获取HTML元素

2.获取HTML元素事件.事件=执行脚本

语法ele事件=执行脚本

功能：在DOM对象绑定事件 如果调用函数ele.事件=函数  变量名,DOM0事件=function（）

例子：<input type="text"  id="a">

    <script>

        var b=document.getElementById("a");

        a.onclick=function() {

            b.style.backgroundColor='red';

        }

    </script>