<!doctype html>
<html lang="zh-ch">
<head>
<meta charset="utf-8" />
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<title>mousewheel的事件绑定 by 司徒正美</title>
<mce:script type="text/javascript"><!--
window.onload = function(){
var eventSupported = function( eventName,el ) {
el = el || document.createElement("div");
eventName = "on" + eventName;
var isSupported = (eventName in el);
if (el.setAttribute && !isSupported ) {
el.setAttribute(eventName, "return;");
isSupported = typeof el[eventName] === "function";
}
el = null;
return isSupported;
};
var addEvent = function(obj,type,callback){
if ( obj.addEventListener ) {
obj.addEventListener( type, callback, false );
} else if ( obj.attachEvent ) {
obj.attachEvent( "on" + type, callback );
}
}
var type = eventSupported("mousewheel") ? "mousewheel":"DOMMouseScroll";
//注意IE下window没有滚轮事件
var wheel = function(obj,callback){
addEvent(obj, type,function(event){
event = event || window.event;
var delta = 0;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
//opera 9x系列的滚动方向与IE保持一致，10后修正
if(window.opera && window.opera.version() < 10)
delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
//由于事件对象的原有属性是只读，我们只能通过添加一个私有属性delta来解决兼容问题
event.delta = Math.round(delta); //修正safari的浮点 bug
callback.call(obj,event);
});
}
var counterDelta = 0;
wheel(document.getElementById("delta"),function(e){
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy=& ......
