JS学习记录之事件调用

调用方式：

在script中调用：

var 变量名 = document.getElementById("元素id");//获取某个元素，并赋值给某个变量
变量名.事件处理器 = function()
{
    ……
}

在元素中调用：

直接在元素中写事件属性，比如：
<input type="button" onclick="alert('在元素中调用')" value="按钮"/>

事件总览：

鼠标事件：

鼠标单击事件：

onclick，任何元素都可以添加单击事件

移入移出事件：

移入：onmouseover
移出：onmouseout
下拉菜单导航中用的较多

按下和松开事件：

按下：onmousedown
松开：onmouseup

键盘事件：

onkeypress：

某个键被按下到松开整个过程中触发的事件

onkeydown：

被按下时触发，不过按下“功能键”，比如（F1-F12,CTRL,ALT等）不会触发
事件顺序：onkeydown>onkeypress

onkeyup：

某个键被按下之后松开的一瞬间触发的事件

表单事件：

获得焦点和失去焦点：

获得焦点：onfocus
失去焦点：onblur

比如：onblur = function(){}
在失去焦点时执行函数

具有此事件的元素：
（1）单行文本框text；
（2）多行文本框textarea；
（3）下拉列表select；

焦点中文本改变事件：

onchange
文本框字符串的改变或者下拉列表中一个选项的改变。

选中事件：

onselect
当鼠标被按下到鼠标开始移动并选中内容的过程，不包括鼠标键的放开