JavaScript的绑定事件

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<input type="button" onclick="fn()" value="click me"/>
<input type="button" value="点击"/>
<input type="button" value="第三种" id="but"/>

<input type="button" name="myButton" id="button" value="CLICK here">
<script>
//方法1: 在HTML页面定义元素时,绑定事件
function fn(){
var but=document.getElementsByTagName("input")[0];
console.log(but.value);
}

//方法2:在javascript代码中进行绑定
var but=document.getElementsByTagName("input")[1];
but.onclick=function(){
alert("第二种方式");
}

//方法3:使用addEventListener()方法监听事件
document.getElementById("but").addEventListener("click", function () {alert(but.value)}, false);


//方法4
//$("#button").click(console.log($("#button").val()));

$("#button").click(fn());
</script>

</body>
</html>

posted @ 2015-11-23 12:45  studentNina  阅读(63)  评论(0)    收藏  举报