1. 程式人生 > >select下拉框的click和change事件

select下拉框的click和change事件

前端頁面中經常會使用到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);
				        });

在這裡插入圖片描述