JavaScrip_12.23

• 笔记系列，零散的知识点，准备以后复习整理使用

JavaScrip - 事件DOM绑定【将函数添加到一个元素对象的属性中】

1、事件 鼠标、键盘、操作等；所有的GUI都有

onclick(单击事件)

例子：<button onclick="alert(123)">按</button>

ondblclick(双击事件) 【double click】

    例子：<button ondblclick="alert(123)">按</button>

onchange(内容改变事件)

    例子：
        <input onchange="alert(111)">
        <select onchange="000">
            <option>111</option>
            <option>222</option>
        </select>

onselect(内容选中事件)， //针对表单.元素，---只能是文本输入框里面的

    - 例子：<input onselect="alert(123)">

onmouseover(鼠标停留事件)

    例子：<div onmouseover="alert(1)"></div>

onmouseout(鼠标移出)

    例子：<div onmouseout="alert(1)"></div>

onfocus（获取焦点-鼠标就是焦点）

    例子：<input confocus="">

onblur(失去焦点) 【blur模糊，失去焦点】

例子:

---

onkeydown(键盘按下)

例子：<input onkeydown=" ">

onkeypress(键盘按下松开)

例子：<input onkeypress="">

onkeyup(键盘松开)

例子：<input onkeyup="">

常用的键盘码 ESC-27 回车-13 空格32 ←37 ↑38 →39 ↓40

<input onkeyup="window.event.keyCode">

2、函数声明式和函数表达式

2.1、认识函数

• 需要用时才执行
• 代码块各司其职
• 一次编写可重复执行
• 结构清晰

2.2、函数的两种声明方式【重要】

函数声明：

function 函数名（）{
    函数体；
}
【允许在函数未创建前调用，不符合逻辑】

函数表达式： 【推荐】

var 函数名=function（）{
    函数体；
}
【必须在创建函数后才能调用】

调用函数：函数名();

3、常用的数学函数

4、计算器

button 默认是提交按钮

5、获取表单元素的值

 document.getElementByID("元素ID”).value;
1.给form标签设置name值，比如：form1
2.给表单元素这是name值，比如：input1
3.document.foem1.input1.value

6、var是局部变量的标识

7、DOM绑定

用途：将函数添加到一个元素对象的属性中？

1.HTML事件绑定：直接写在HTML标签上，【这种方法使用很少】

语法：
    <div onclick="play()"></div>

2.DOM0级事件绑定：将函数添加到一个元素对象的属性中

语法：
    btn.onclick=function(){}  //匿名函数
    btn.onclick=play; //找函数，不能切括号（括号表示立即执行）
缺点：
    因为使用了运算符，这里出现覆盖情况

3.DOM2级事件绑定：

语法：
    btn.addEventeListener('click',function(){});  //匿名
    btn。addEventListener('click',play);  //找函数名
缺点：
    IE低版本不支持