用鼠標懸停功能調用函數。（不同的選項）

我有這個選擇器。目前它在切換（點擊）不同選項時調用函數。現在，我希望使用另一個function2()被稱爲當我只將鼠標移動一個選項，而不是點擊它。當點擊該選項時，應該調用function1()。怎麼做？用鼠標懸停功能調用函數。（不同的選項）

<select id = "nextGeneration" onchange="function1()" > 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select>

來源

2017-08-19 Suppe

你有什麼想對鼠標的情況發生？ –

也許只是突出顯示一些DOM元素。 – Suppe

這對於普通的JS來說似乎不太容易。如果你靈活地考慮jQuery做同樣的搜索。有很多SO答案顯示jQuery解決方案。 – niksofteng

使用jquery？

<select id = "nextGeneration"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

<script> 

$("#nextGeneration").hover(function(){ 
    $(this).css("background-color", "yellow"); 
    }, function(){ 
    $(this).css("background-color", "pink"); 
}); 

$("#nextGeneration").ready(function(){ 
    $("#nextGeneration").change(function(){ 
     alert("The select has been changed."); 
    }); 
}); 

</script>

來源

2017-08-19 21:24:49

除非還包括框架/庫的另一個標記，否則預計會有純JavaScript的答案。 [源代碼]（https://stackoverflow.com/tags/javascript/info） – niksofteng

'$（'＃nextGeneretor'）'用於您可以使用'this'參考 –

-1

使用mouseover事件：

function handleChange() { 
 
    console.log('change') 
 
} 
 

 
function handleMouseover(e) { 
 
    console.log('mouseover') 
 
}

<select onchange='handleChange()' onmouseover='handleMouseover(event)'> 
 
    <option>1</option> 
 
    <option>2</option> 
 
</select>

來源

2017-08-19 21:29:50

爲什麼downvote？ –

用鼠標懸停功能調用函數。 （不同的選項）

回答

相關問題

用鼠標懸停功能調用函數。（不同的選項）