本文深入探讨了JavaScript中事件绑定的基本概念，包括如何使用jQuery库实现事件绑定，并通过实例展示了如何触发事件并传递参数。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
</head>
<body>
<button id="MyButton">Click Me</button>
<script>
$(document).ready(function() {
//绑定myevent事件
$("#MyButton").bind("myevent", function(event, msg1, msg2) {
alert("msg1:" + msg1);
})
//绑定click事件，触发myevent事件
$("#MyButton").click(function() {
$("#MyButton").trigger("myevent", [ "参数A", "参数B" ])
});
})
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
</head>
<body>
<button id="MyButton">Click Me</button>
<script>
$(document).ready(function() {
//绑定myevent事件
$("#MyButton").bind("myevent", function(event, msg1, msg2) {
alert("msg1:" + msg1);
})
//绑定click事件，触发myevent事件
$("#MyButton").click(function() {
$("#MyButton").trigger("myevent", [ "参数A", "参数B" ])
});
})
</script>
</body>
</html>
扫一扫
863
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
