① 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。
③然后在按钮外部添加一个