select下拉框的click和change事件
阿新 • • 發佈:2018-11-06
前端頁面中經常會使用到select下拉框。操作select框時會發生click和change事件,且這兩個事件有特定的執行順序。
1.點選select框出現下列列表,此為一次click點選事件。
2.選擇下拉框中的某個選項,若將要選擇的選項與正在框中的值不一樣,此為一次change事件。點選選擇上這個值,會先產生change事件,接著產生click事件。
3.若將要選擇的選項與正在框中的值一樣,不會產生change事件。點選選擇上這個值,產生一次click事件。
實驗驗證,初始點選select框不會產生click事件,以後點選才會
<select id="cputurbocheck"> <option value="LongTerm">Long Term</option> <option value="ShortTerm">Short Term</option> </select> $("#cputurbocheck").click(function(e){ console.log(222); }); $("#cputurbocheck").change(function(e){ console.log(99); //onCPUTurboClick(e); });