python绑定事件_python之JS（常用事件及绑定方式）

在中1.定义函数然后在标签中οnclick="函数名"进行绑定2.通过js给标签绑定事件

var b2Ele= doucment.getElementById("b2")

b2Ele.οnclick=function(){}

常用事件：1.onclick2.onfocus：元素获得焦点(典型例子：输入框默认是某一个数据，当光标移动单击到输入框中的时候，做出相应的事件，比如说默认值清空)

onblur：与onfocus相反，(典型例子：当光标移出输入框的时候，做出相应的动作，比如输入框默认值的恢复)

简单的例子：

Title

//找到要绑定事件的标签

var i1Ele= document.getElementById("i1");// 1. 先绑定获取焦点的事件

i1Ele.οnfοcus=function (ev) {//当输入框获取焦点之后要做的事儿

this.value= "";

};// 2. 绑定失去焦点的事件

i1Ele.οnblur=function (ev) {

this.value= "对子哈特";

}

3.onchange：当某标签的值发生变化时所要进行的行为

简单示例：

Title

省

-请选择省-

市

};

var s1Ele= document.getElementById("s1");

var s2Ele= document.getElementById("s2");// 1. 拿到所有的省，在s1中生成对应的option选项for (var i indata){

console.log(i);// 1.1创建option标签

var tmp= document.createElement("option");// 1.2把省信息添加到option标签中

tmp.innerText=i;// 1.3把创建好的option标签插入到第一个select标签中

s1Ele.appendChild(tmp);

}//当用户选中某个省之后才做的事儿//当第一个select框的值发生变化的时候触发的动作

s1Ele.οnchange=function (ev) {//0. 先清空第二个select框的option

s2Ele.innerHTML= "";// 1. 获取用户选中的省

console.log(this.value);

var p=this.value;// 2. 根据用户选择的省，去data中找省对应的城市数据

var cityArray=data[p];// 3. 遍历所有的城市数据，给第二个select框添加option选项for (var j incityArray){

console.log(cityArray[j]);// 3.1生成空的option

var tmp= document.createElement("option");// 3.2给option添加文本

tmp.innerText=cityArray[j];// 3.3把生成的option追加到第二个select标签中

s2Ele.appendChild(tmp);

}

}