javascript mousewheel的事件分派
这是一个很特殊的事件,w3c默认是承认为“mousewheel”,但我在它上面找到的资料比较少,只发现一个。号称最标准的FF,用一个私有实现DOMMouseScroll。总之实现很混乱。我们先看各浏览器对它的支持程度吧。
IEfirefoxsafarichromeopera
window对象falsetruetruetruetrue
文档对象truetruetruetruetrue
元素节点truetruetruetruetrue
先看FF的事件分派
window.addEventListener("DOMMouseScroll",function(event){
alert(event.type)
alert(event.clientY)
},false);
var event = document.createEvent("MouseEvent");
//为了证明分派成功,特意将其clientY设为90
event.initMouseEvent("DOMMouseScroll",true, null, window,0,0,0,0,90,false,false,false,false,0,null);
window.dispatchEvent(event)
<!doctype html>
<html lang="zh-ch">
<head>
<meta charset="utf-8" />
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<title>mousewheel的事件分派 by 司徒正美</title>
<script type="text/javascript">
window.onload = function(){
window.addEventListener("DOMMouseScroll",function(event){
alert(event.type)
alert(event.clientY)
},false);
var event = document.createEvent("MouseEvent");
//为了证明分派成功,特意将其clientY设为90
event.initMouseEvent("DOMMouseScroll",true, null, window,0,0,0,0,90,false,false,false,false,0,null);
window.dispatchEvent(event)
}
</script>
<style title="text/css">
</style>
</head>
<body>
</body>
</html>
运行代码
我们可以看到虽然其他标准浏览器也支持这个名为DOMMouseScroll的事件发派,但当我们手动滚动鼠标滑轮时,也只有FF有发应,弹出两个alert。
对于其他标准浏览器,我们用mousewheel
相关文档:
JavaScript基础之对象
JavaScript基础之对象
从2004年下半年开始学习Web编程至今3年有余。从HTML,asp开始到现在的VS2008一路学过来,其中学的最多的还是服务器端编程,对客户端编程的学习还是不成系统。虽然在很多个系统里面应用过脚本,有些还起到了比较重要的作用。但一直是只知其然不知其所以然,用的是小心 ......
Javascript 在ASP.net 母板页下访问 控件ID:
对于 html control : 直接访问ID
document.getElementById("hfRespondID");
对于 Web control :
document.getElementById("<%= this.hfRespondID.ClientID %>") [注意大小写
]
&nb ......
// =========================================================
var XEDITOR_STATUS_NOTLOADED = 0;
var XEDITOR_STATUS_ACTIVE = 1;
var XEDITOR_STATUS_COMPLETE = 2;
var XEDITOR_TRISTATE_OFF = 0;
var XEDITOR_TRISTATE_ON = 1;
var XEDITOR_TRISTATE_DISABLED = -1;
var XEDITOR_UNKNOWN = -9;
var ......
<html>
<head>
<mce:script type="text/javascript"><!--
function aaa()
{
alert("oh no");
window.location="http://community.csdn.net/";
}
// --></mce:script>
</head>
<body onload = aaa();>
< ......
javascript获得选中信息
filed in javascript post by onelong on2009-12-18 13:57 Friday
最近浏览别人的博客时,看到别人的划词搜索很可爱!突然灵机一动,我想他是怎样获取我们的选中的文字呢?这样的javascript交互真的很人性化!
当然获取页面选中的内容在html编辑器也是很常用的!如要修改某些字体,就可以先选� ......