<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用jQuery添加事件處理程序</title>
<link rel="stylesheet" type="text/css" href="css/css4.css">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function clickHandler(e) {
$("#"+e.data.objId).html(e.target.id+" says "+e.data.anwer+
" at X position: "+e.screenX);
}
$(document).ready(function () {
$("#div1").on({"click":clickHandler},
{"objId":"heading","answer":"yes"});
$(document).on("click",
"#div2",
{"objId":"heading","answer":"no"},
clickHandler);
});
</script>
</head>
<body>
<div id="div1">Say Yes</div>
<div id="div2">Say No</div>
<div id="heading"></div>
</body>
</html>
div{
border-radius: 5px;
margin:3px;
padding:5px;
background-color: lightgray;
font-weight: bold;
display: inline-block;
cursor: pointer;
}
