JS中常用的事件

目录

1.JS中常用的事件

2.js自定义对象的方式

3.js内置对象Array

4.常用的表单标签的表单项

---

1.JS中常用的事件

1).单击事件 click     -----在标签中绑定的属性 οnclick="函数（）"

2).双击事件 dbclick  ----在标签中绑定的属性ondbclick="函数（）"

3.获取焦点 focus     -----在标签中绑定的属性 οnfοcus="函数（）"文本输入框和密码输入框使用

4.失去焦点 blur       ------在标签中绑定的属性 οnblur="函数（）"文本输入框/密码输入框使用

5.选项卡发生变化的事件 change  --在标签中绑定的属性 on  下拉菜单中使用

2.js自定义对象的方式

方式1  定义一个对象

function people(name,age,address,hight){
        
                this.name =name ;
                this.age = age ;
                this.address = address ;
                this.hight = hight ;
                //this.属性名称 = 形式参数 ;添加属性给属性赋值
                this.play = function(a){
                    alert("也可以"+a);
                this.play1 =function(LOL){
                    alert("可以"+LOL);
                    //给对象添加功能    (添加方法)
                }    
                }

创建对象

var 对象名 = new 对象(实际参数1,实际参数2，.....)
            }

方式3  利用js内置对象object,代表所有对象的模板

方式4

var 对象名 ={

"key1":value1;

"key2":value2;

"方法名"：function(带参/空参){

       //弹框提示

}

} ;

3.js内置对象Array

创建数组，遍历数组

方式1.var 数组对象名 = new Array(); //不指定数组长度

方式2.var 数组对象名 = new Array(size); //指定数组长度

方式3.var 数组对象名 = new Array([元素1,元素2,元素3,]);(常用)

4.常用的表单标签的表单项

input type = "text" 文本输入框

input type ="password" 密码输入框

input type ="date" 日期组件