为什么此代码无法在 IE 8 上运行？
谁能帮我弄清楚为什么这段代码在 IE 8 上不起作用？ （它适用于 Chrome、Firefox、Opera）。
代码使用Raphäel.js库，代码允许用户鼠标拖动Raphäel.js元素（例如圆形、矩形）
请看这里：
var paper = Raphael(0, 0, '100%', '100%');
var circle = paper.circle(75, 75, 50);
var rect = paper.rect(150, 150, 50, 50);
var set = paper.set();
set.push(circle, rect);
set.attr({
fill: 'red',
stroke: 0
});
var ox = 0;
var oy = 0;
var dragging = false;
set.mousedown(function(event) {
ox = event.screenX;
oy = event.screenY;
set.attr({
opacity: .5
});
dragging = true;
});
set.mousemove(function(event) {
if (dragging) {
set.translate(event.screenX - ox, event.screenY - oy);
ox = event.screenX;
oy = event.screenY;
}
});
set.mouseup(function(event) {
dragging = false;
set.attr({
opacity: 1
});
});Could anyone help me to figure out why this code does not work on IE 8 ? (It works on Chrome, Firefox, Opera).
The code use Raphäel.js library, the code allow user to mouse drag Raphäel.js elements (e.g. circle, rectanglar)
Please have a look here:
var paper = Raphael(0, 0, '100%', '100%');
var circle = paper.circle(75, 75, 50);
var rect = paper.rect(150, 150, 50, 50);
var set = paper.set();
set.push(circle, rect);
set.attr({
fill: 'red',
stroke: 0
});
var ox = 0;
var oy = 0;
var dragging = false;
set.mousedown(function(event) {
ox = event.screenX;
oy = event.screenY;
set.attr({
opacity: .5
});
dragging = true;
});
set.mousemove(function(event) {
if (dragging) {
set.translate(event.screenX - ox, event.screenY - oy);
ox = event.screenX;
oy = event.screenY;
}
});
set.mouseup(function(event) {
dragging = false;
set.attr({
opacity: 1
});
});如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
ie8 和 ie9 处理鼠标移动事件的方式似乎有错误 http://css.dzone.com/news/internet-explorer-8-fix-event-
there seems to be an error in the way ie8 and ie9 handle mouse move events http://css.dzone.com/news/internet-explorer-8-fix-event-