為什么測試二和三，有時候鼠標進入該區(qū)域，觸發(fā)次數(shù)直接加4
<!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>點擊：指定觸發(fā)mouseover事件</button>
? ? <script type="text/javascript">
? ? ? ? $('h2').mouseover(function(e) {
? ? ? ? ? ? alert('觸發(fā)h2元素綁定的mouseover')
? ? ? ? })
? ? ? ? $("button:eq(0)").click(function(e) {
? ? ? ? ? ? $('h2').mouseover() //指定觸發(fā)綁定的事件
? ? ? ? })
? ? </script>
? ??
? ??
? ? <h4>測試二</h4>
? ? <div class="left">
? ? ? ? <div class="aaron1">
? ? ? ? ? ? <p>鼠標移進此區(qū)域觸發(fā)mouseover事件</p>
? ? ? ? ? ? <a>進入元素內(nèi)部,mouseover事件觸發(fā)次數(shù)：</a>
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? var n = 0;
? ? ? ? //綁定一個mouseover事件
? ? ? ? $(".aaron1 p:first").mouseover(function(e) {
? ? ? ? ? ? $(".aaron1 a").html('進入元素內(nèi)部,mouseover事件觸發(fā)次數(shù)：' + (++n))
? ? ? ? })
? ? </script>
? ??
? ??
? ? <h4>測試三</h4>
? ? <div class="right">
? ? ? ? <div class="aaron2">
? ? ? ? ? ? <p>鼠標移動：不同函數(shù)傳遞數(shù)據(jù)</p>
? ? ? ? ? ? <a>進入元素內(nèi)部,mouseover事件觸發(fā)次數(shù)：</a>
? ? ? ? </div>
? ? </div>
? ? <br/>
? ? <script type="text/javascript">
? ? ? ? var n = 0;
? ? ? ? //不同函數(shù)傳遞數(shù)據(jù)
? ? ? ? function data(e) {
? ? ? ? ? ? $(".right a").html('mouseover事件觸發(fā)次數(shù)：' + (++n) + '<br/> 傳入數(shù)據(jù)為 ：'+ e.data)
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $(".right p:first").mouseover('data = 慕課網(wǎng)', data)
? ? ? ? }
? ? ? ? a();
? ? </script>
</body>
</html>
2016-08-09
不可能? 測試二? 每次鼠標移到那個區(qū)域才加1。。。怎么可能加4？? 測試三和二是一樣的，只是多傳了個參數(shù)，所以一次也是加1。。。。? 是不是你卡住了 出現(xiàn)問題，你可以復制到其他軟件上運行下。。。
2016-08-10
如果想要測試三從1開始計數(shù)，那就把71行之后的n全改名字，比如改成m。
這樣測試二和測試三就不會沖突了
2016-08-10
.......只是因為n是全局變量。
測試二和測試三都是用同樣的計算次數(shù)的變量n。你在測試二劃過3次后，n變成了3，再劃過測試三，++n后，當然表示的是4