<!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){
javascript所对应的全选和反选 。操作数据库记录。
以下是页面代码：
<tr>
<td colspan="6" width="100%">
<table border="2" width="100%">
<tr class="center">
<th width="20%& ......
看到一个曾经搞过web的人的blog中说到如果学Javascript不懂原形链，就太遗憾了，所以当自己看《javascript高级程序设计》时就留意了一下，说实话，下面的代码很简单，但是不是很懂所谓的原形链和对象冒充之类的东西 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org ......
