求解這個e是什么意思,我知道是事件對象
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .left div,
? ? .right div {
? ? ? ? width: 350px;
? ? ? ? height: 150px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? border: 1px solid #ccc;
? ? }
? ? p{
? ? ? ? height: 50px;
? ? ? ? border: 1px solid red;
? ? ? ? margin: 30px;
? ? }
? ? .left div {
? ? ? ? background: #bbffaa;
? ? }
? ? .right div {
? ? ? ? background: yellow;
? ? }
? ? </style>
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>mouseover與mouseout事件</h2>
? ? <h4>測試一</h4>
? ? <button>點擊:指定觸發mouseover事件</button>
? ? <script type="text/javascript">
? ? ? ? $('h2').mouseover(function(e) {
? ? ? ? ? ? alert('觸發h2元素綁定的mouseover')
? ? ? ? })
? ? ? ? $("button:eq(0)").click(function(e) {
? ? ? ? ? ? $('h2').mouseover() //指定觸發綁定的事件
? ? ? ? })
? ? </script>
? ??
? ??
? ? <h4>測試二</h4>
? ? <div class="left">
? ? ? ? <div class="aaron1">
? ? ? ? ? ? <p>鼠標移進此區域觸發mouseover事件</p>
? ? ? ? ? ? <a>進入元素內部,mouseover事件觸發次數:</a>
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? var n = 0;
? ? ? ? //綁定一個mouseover事件
? ? ? ? $(".aaron1 p:first").mouseover(function(e) {
? ? ? ? ? ? $(".aaron1 a").html('進入元素內部,mouseover事件觸發次數:' + (++n))
? ? ? ? })
? ? </script>
? ??
? ??
? ? <h4>測試三</h4>
? ? <div class="right">
? ? ? ? <div class="aaron2">
? ? ? ? ? ? <p>鼠標移動:不同函數傳遞數據</p>
? ? ? ? ? ? <a>進入元素內部,mouseover事件觸發次數:</a>
? ? ? ? </div>
? ? </div>
? ? <br/>
? ? <script type="text/javascript">
? ? ? ? var n = 0;
? ? ? ? //不同函數傳遞數據
? ? ? ? function data(e) {
? ? ? ? ? ? $(".right a").html('mouseover事件觸發次數:' + (++n) + '<br/> 傳入數據為 :'+ e.data)
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $(".right p:first").mouseover('data = 慕課網', data)
? ? ? ? }
? ? ? ? a();
? ? </script>
</body>
</html>
2016-08-09
當然是傳入函數里的數據啦
2016-08-08
傳遞的參數