• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

JavaScript处理不同浏览器的鼠标点击事件

JavaScript 水墨上仙 2534次浏览

JavaScript处理不同浏览器的鼠标点击事件

// Browser detection
 
var ie=document.all != null;  //ie4
var op7=navigator.userAgent.indexOf("opera")>0 && operaVersion() <= 7;
 
function operaVersion() {
	agent = navigator.userAgent;
	idx = agent.indexOf("opera");	
	if (idx>-1) {
		return parseInt(agent.subString(idx+6,idx+7));
	}
}
 
 
/* Detection of the mouse button
 
    		L M R
IE,KON		1 4 2  event.button   
NS,OP8,FF	0 1 2  e.button
OP7 		1 3 2  e.button
NS,OP8,FF	1 2 3  e.which
*/
 
var leftButton   = ie? 1 : 0; // op7 supports document.all
var middleButton = op7 ? 3 : ie ? 4 : 1;
var rightButton  = 2;
 
document.onmouseup = onClick;
 
// This code is executed each time a mouse button is released
function onClick(e) {
	if (ie) {
		var elem = event.srcElement;
		var btn  = event.button;
		//e = event;
	} else {
		var elem = e.target;
		var btn  = e.button;
	}
	// elem is the element the user clicked on 
	// btn is the mouse button which was used
	// e.g. if (btn == leftButton) { alert( elem + ": You clicked me!" ); }
 
	/* ...your code goes here... */
 
	return false;
}


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明JavaScript处理不同浏览器的鼠标点击事件
喜欢 (0)
加载中……