① js判斷滑鼠左,中,右鍵哪個被點擊的方法
event.button判斷滑鼠點擊
window.onmousedown=function(evt){
evt=event || window.event;
console.log(evt.button)==>0(滑鼠左鍵),1(滑鼠中鍵),2(滑鼠右鍵)
}
② js怎樣實現button點擊它會被選中,再次點擊取消選中
button{
background:#fff;
}
button.active{
background:red;
}
假設上邊的css表示button的倆種狀態,正常狀態和選中狀態
<buttontype='button'id="btn">按鈕</button>
這個是按鈕
varbtn=document.getElementById('btn');
btn.onclick=function(){//添加點擊事件
if(btn.className.indexOf('active')){//說明已經是選中狀態
btn.className='';//清空class。
}else{
btn.className='active';//否則選中它,給它添加active樣式
}
}
//如果用jquery,會很方便實現
$('#btn').click(function(){//給id為btn的元素添加點擊事件
$(this).toggleClass('active');//每次點擊的時候,將當前的元素切換active樣式
//如果有,則去掉,否則添加
});
③ js中如何判斷按鈕是否被點擊了
一般來說要實現這個功能必須配合javascript才能實現,純HTML沒有這個功能。舉個例子。
①這個是單純的一個按鈕,沒有任何記錄點擊與否的功能,只能響應滑鼠事件如滑鼠在按鈕上、滑鼠點擊按鈕、滑鼠松開按鈕等功能:
單獨對於該按鈕,點擊之後一切初始化,如同點擊之前一樣。此時則需要調用javascript,調用onclick點擊事件,如果點擊之後需要執行的動作比較多,還需要在按鈕之外添加點擊事件發生後執行的函數。
②首先需要添加點擊事件,暫時定義為點擊後執行一個函數,函數名定義為Clicked。
③然後在按鈕外部添加一個