在Firefox中如何添加触发事件

神之泪花 2010-03-18 12:03:21

在我的JS文件中有三个function,分别为a，b,c

在IE下通过绑定事件的方式将a，b，c绑定到鼠标事件中

document.onmousedown = a; 

document.onmousemove = b; 

document.onmouseup = c;

因为需要兼容Firefox

我在FireFox下的代码如下：

document.addEventListener('mousedown', a, true); 

document.addEventListener('mousemove', b, true);

document.addEventListener('mouseup', c, true);

但是用上面的这段JS代码没有实现绑定事件，请高人指点，多谢！

...全文

220 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

神之泪花 2010-03-18

打赏
举报

[Quote=引用 2 楼 rainsilence 的回复:]
以上是在chrome下的测试结果
在FF下必须写全document.addEventListener('mousedown', a, true);
或者document.body.addEventListener('mousedown', a, true);
另外你的问题可能是body没有撑开

看我这里的代码
<div style="height:900px; width:900px……
[/Quote]

在chrome下没问题，就是FF下有问题

神之泪花 2010-03-18

打赏
举报

[Quote=引用 3 楼 rainsilence 的回复:]
另外document.onmousedown = a; 的写法理论上支持全浏览器，已经在ie, ff, chrome下测试通过。但是这种写法有缺陷。就是一种事件只能绑定一个函数

要绑定多个函数,最常用的共通函数为：

function addEventListener(control, eventName, fn) {

if (window.attachEvent) {
cont……
[/Quote]

我试试通用的，

rainsilence 2010-03-18

打赏
举报

另外document.onmousedown = a; 的写法理论上支持全浏览器，已经在ie, ff, chrome下测试通过。但是这种写法有缺陷。就是一种事件只能绑定一个函数

要绑定多个函数,最常用的共通函数为：

function addEventListener(control, eventName, fn) {

if (window.attachEvent) {
control.attachEvent('on' + eventName, fn);
} else if(window.addEventListener) {
control.addEventListener(eventName, fn, false);
} else {
control['on' + eventName] = fn;
}
}

rainsilence 2010-03-18

打赏
举报

以上是在chrome下的测试结果
在FF下必须写全document.addEventListener('mousedown', a, true);
或者document.body.addEventListener('mousedown', a, true);
另外你的问题可能是body没有撑开

看我这里的代码
<div style="height:900px; width:900px;">

</div>

rainsilence 2010-03-18

打赏
举报

神之泪花 2010-03-18

打赏
举报

问题解决了，感谢各位的捧场，

来者有分，结贴，

神之泪花 2010-03-18

打赏
举报

[Quote=引用 11 楼 rainsilence 的回复:]
我在FF3.0下测试通过。。。

另外你的问题可能是body没有撑开

看我这里的代码
<div style="height:900px; width:900px;">

</div>
[/Quote]

body里的内容显示出来了，

rainsilence 2010-03-18

打赏
举报

把我这段代码直接丢到ff下试试

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function mouseOver() {
alert(3);
}

function init() {

document.body.addEventListener("mousemove", mouseOver, false);

}

</script>
</head>
<body onload="init();">
<div style="height:900px; width:900px;">

</div>

</body>
</html>

rainsilence 2010-03-18