如何在javascript中的同一個函數上單擊事件後調用鼠標懸停事件

Question

我需要在JavaScript中單擊鼠標後調用鼠標懸停事件而不是jQuery，主要的事情是該功能僅在單擊相同功能後纔會發生相同的事件改變 和它的新事件是鼠標懸停是可能的？

<a href="javascript:void(0);" id="digit" 
    onClick="javascript:return swapClass(val,val2);" 
    class="GetDivCount" onMouseOver="javascript:return swapClass(val,val2);"> 

好了，所以有什麼需要在這裏點擊事件首先撥打swapClass（），然後後單擊事件相同的函數將調用onmouseover事件，但請記住，功能paramertarized

Answer 1

這裏有兩個可能的解決方案，使用jQuery和沒有jQuery的：JSFiddle

沒有：

var control = ""; 
var first = document.getElementById("first"); 
var second = document.getElementById("second"); 

first.onclick = function(){ 
    control = true; 
    alert("clicked | doSomething Here"); 
} 
second.onmouseover = function(){ 
     if(control==true){ 
     alert("mouseovered after click | doSomething Here"); 
     //if you want again click and after mouseover evenet 
     //you have to put here 
     //control=""; 
    } 
} 

有了：

$("#first").on("click",function(){ 
    control = true; 
    alert("cilcked | doSomething Here"); 
}); 

$("#second").on("mouseover",function(){ 
    if(control==true){ 
     alert("mouseovered | doSomething Here"); 
     //if you want again click and after mouseover evenet 
     //you have to put here 
     //control=""; 
    } 
}); 

Answer 2

如果我理解正確，您只有在發生點擊事件後才需要等待onmouseover ......爲此，您將不得不擺脫內聯事件處理程序。下面的例子應該工作。您必須區分瀏覽器是否可以使用addEventListener，因爲舊版本的IE不支持它。

HTML：

<a href="javascript:void(0);" id="digit" class="GetDivCount">Hi</a> 

JS：

var a = document.getElementById('digit'); 
if (a.addEventListener) { // Most browsers.... 
    a.addEventListener('click', function test() { 
     // Add code to determine val and val2 
     swapClass(val,val2); 
     a.removeEventListener('click', test, false); // Remove click listener 
     a.addEventListener('mouseover', function() { // Add mouseover listener 
      swapClass(val,val2); 
     }, false); 
    }, false); 
} else { // Older versions of IE only support attachEvent :(
    a.attachEvent('onclick', function test() { 
     // Add code to determine val and val2 
     swapClass(val,val2); 
     a.detachEvent('onclick', test); 
     a.attachEvent('onmouseover', function() { 
      swapClass(val,val2); 
     }); 
    }); 
}