事件驱动概述、事件绑定方、事件类型、键盘鼠标相关事件、表单相关事件

223 阅读1分钟
事件:窗体、对象、鼠标、键盘动作称为事件。
    例如:鼠标单击事件
        载入事件
        按下键盘事件
事件驱动过程
    首先,在这个对象上绑定这个事件
    其次,又在这个对象上,发生了这个事件
    最后,系统(js解释器)自动调用处理函数进行响应
    
事件绑定方式(主要有三种):
    行内绑定(不建议) :无法实现标记和动作分离
    对象名.事件名=function(){语句;语句;}
    对象名.addEventListener( "事件名”,函数名捕获过程true/冒泡过程false)
    说明:IE6/7/8的兼容方式是:对象名. attachEvent("on事件名”,函数);
    

HTML相关事件:
    onload
        支持该事件的标记<body>, <frame>, <frameset>, <iframe>,
        <img>, <link>, <script>
        支持该事件的对象image, layer, window
    onresize
        支持该事件的标记<a>, <address>, <b>, <big>, <blockquote>, <body>,
        <button>, <cite>, <code>, <dd>, <dfn>, <div>, <d|>, <dt>, <em>, <fieldset>,
        <form>, <frame>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>,
        <legend>, <li>, <object>, <0l>, <p>, <pre>, <samp>, <select>, <small>, <span>,
        <strong>, <sub>, <sup>, <table>, <textarea>, <tt>, <ul>, <var>
        支持该事件的对象window

键盘鼠标相关事件:
    单击事件onclick
    双击事件ondblclick
    卸载文件onunload
    鼠标左键按下onmousedown
    鼠标左键抬起onmouseup
    鼠标移动onmousemove
    获取鼠标onmouseover
    失去鼠标onmouseout
    键盘按下onkeydown
    键盘抬起onkeyup
    按键盘onkeypress

·表单相关事件:
    --改变事件onchange
    --选中事件onselect
    --获得焦点事件onfocus
    --失去焦点onblur
    --重置事件onreset()
    --提交事件onsubmit()