Javascript 鼠标向下移动时更改光标失败，Chrome上显示SVG

我试图在拖动SVG时更改光标，但光标更改仅在释放鼠标按钮时触发。但是，在Firefox中工作得非常完美

我使用的是Chrome版本50.0.2661.102 m

这是我正在使用的jQuery：

$('#map')
  .mousedown(function(){
    $(this).css( 'cursor', 'move' );
  })
  .mouseup(function(){
    $(this).css( 'cursor', 'auto' );
  });

但是我在下面添加的代码片段实际上可以正常工作，但我正在构建的站点上的实际代码也不能正常工作

我如何才能对Chrome进行不同的操作，使其始终工作

var图={
“节点”：[
{“名称”：“1”，“评级”：90，“id”：2951}，
{“名称”：“2”，“评级”：80，“id”：654654}，
{“名称”：“3”，“评级”：80，“id”：6546544}，
{“名称”：“4”，“评级”：1，“id”：68987978}，
{“名称”：“5”，“评级”：1，“id”：9878933}，
{“名称”：“6”，“评级”：1，“id”：6161}，
{“名称”：“7”，“评级”：1，“id”：64654}，
{“姓名”：“8”，“评级”：20，“id”：354654}，
{“姓名”：“9”，“评级”：50，“id”：8494}，
{“名称”：“10”，“评级”：1，“id”：6846874}，
{“名称”：“11”，“评级”：1，“id”：5487}，
{“姓名”：“12”，“等级”：80，“身份证”：“parfum_kenzo”}，
{“名称”：“13”，“评级”：1，“id”：65465465}，
{“姓名”：“14”，“等级”：90，“身份证”：“丛林”，
{“姓名”：“15”，“评级”：20，“id”：313514}，
{“姓名”：“16”，“评级”：40，“id”：36543614}，
{“姓名”：“17”，“评级”：100，“身份证”：“Yann_YA645”}，
{“名称”：“18”，“评级”：1，“id”：97413}，
{“名称”：“19”，“评级”：1，“id”：97414}，
{“姓名”：“20”，“评级”：100，“id”：976431231}，
{“名称”：“21”，“评级”：1，“id”：9416}，
{“名称”：“22”，“评级”：1，“id”：998949}，
{“姓名”：“23”，“评级”：100，“id”：984941}，
{“名称”：“24”，“评级”：100，“id”：“99843”}，
{“名称”：“25”，“评级”：1，“id”：94915}，
{“名称”：“26”，“评级”：1，“id”：913134}，
{“名称”：“27”，“评级”：1，“id”：9134371}
],
“链接”：[
{“源”：6，“目标”：5，“值”：6，“标签”：“发布”}，
{“源”：8，“目标”：5，“值”：6，“标签”：“发布”}，
{“源”：7，“目标”：1，“值”：4，“标签”：“containsKeyword”}，
{“源”：8，“目标”：10，“值”：3，“标签”：“containsKeyword”}，
{“源”：7，“目标”：14，“值”：4，“标签”：“publishedBy”}，
{“源”：8，“目标”：15，“值”：6，“标签”：“publishedBy”}，
{“源”：9，“目标”：1，“值”：6，“标签”：“描述”}，
{“源”：10，“目标”：1，“值”：6，“标签”：“描述”}，
{“源”：16，“目标”：1，“值”：6，“标签”：“管理网站”}，
{“源”：16，“目标”：2，“值”：5，“标签”：“管理网站”}，
{“源”：16，“目标”：3，“值”：6，“标签”：“管理网站”}，
{“源”：16，“目标”：4，“值”：6，“标签”：“管理网站”}，
{“源”：19，“目标”：18，“值”：2，“标签”：“postedOn”}，
{“源”：18，“目标”：1，“值”：6，“标签”：“childOf”}，
{“源”：17，“目标”：19，“值”：8，“标签”：“描述”}，
{“源”：18，“目标”：11，“值”：6，“标签”：“containsKeyword”}，
{“源”：17，“目标”：13，“值”：3，“标签”：“containsKeyword”}，
{“源”：20，“目标”：13，“值”：3，“标签”：“containsKeyword”}，
{“源”：20，“目标”：21，“值”：3，“标签”：“postedOn”}，
{“源”：22，“目标”：20，“值”：3，“标签”：“postedOn”}，
{“源”：23，“目标”：21，“值”：3，“标签”：“管理网站”}，
{“源”：23，“目标”：24，“值”：3，“标签”：“管理网站”}，
{“源”：23，“目标”：25，“值”：3，“标签”：“管理网站”}，
{“源”：23，“目标”：26，“值”：3，“标签”：“管理网站”}
]
}
var margin={顶部：-5，右侧：-5，底部：-5，左侧：-5}；
变量宽度=500-margin.left-margin.right，
高度=400-margin.top-margin.bottom；
var color=d3.scale.category20（）；
var-force=d3.layout.force（）
。收费（-200）
.linkDistance（50）
.尺寸（[宽度+边距.左侧+边距.右侧，高度+边距.顶部+边距.底部]）；
var zoom=d3.behavior.zoom（）
.scaleExtent（[1,10]）
。打开（“缩放”，缩放）；
var drag=d3.behavior.drag（）
.origin（函数（d）{return d；}）
.on（“dragstart”，dragstart）
.打开（“拖动”，拖动）
.on（“dragend”，dragend）；
var svg=d3.选择（“映射”）.追加（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）
.attr（“id”、“svg”）
.附加（“g”）
.attr（“变换”、“平移”（“+margin.left+”，“+margin.right+”）
.呼叫（缩放）；
var rect=svg.append（“rect”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）
.style（“填充”、“无”）
.style（“指针事件”、“全部”）；
var container=svg.append（“g”）；
//d3.json（'http://blt909.free.fr/wd/map2.json，函数（错误，图形）{
力
.nodes（图.nodes）
.links（graph.links）
.start（）；
var link=container.append（“g”）
.attr（“类”、“链接”）
.selectAll（“.link”）
.数据（图表.链接）
.enter（）.append（“行”）
.attr（“类”、“链接”）
.style（“笔划宽度”，函数（d）{return Math.sqrt（d.value）；}）；
var节点=container.append（“g”）
.attr（“类”、“节点”）
.selectAll（“.node”）
.数据（图.节点）
.enter（）.append（“g”）
.attr（“类”、“节点”）
.attr（“cx”，函数（d）{return d.x；}）
.attr（“cy”，函数（d）{返回d.y；}）
.呼叫（拖动）；
node.append（“圆”）
.attr（“r”，函数（d）{返回d.weight*2+12；}）
.style（“填充”，函数（d）{返回颜色（1/d.rating）；}）；
force.on（“勾号”，函数（）{
attr（“x1”，函数（d）{返回d.source.x；}）
.attr（“y1”，函数（d）{返回d.source.y；}）
.attr（“x2”，函数（d）{返回d.target.x；}）
.attr（“y2”，函数（d）{返回d.target.y；}）；
attr（“transform”，函数（d）{return“translate”（“+d.x+”，“+d.y+”）”）；}）；
});
function dragstarted(d) {
    d3.event.sourceEvent.stopPropagation();

    d3.select(this).classed("dragging", true);
    force.start();
}

.node.dragging {
    cursor: move;
}

function dragstarted(d) {
    d3.event.sourceEvent.stopPropagation();
    $("#map").addClass("dragging");
    d3.select(this).classed("dragging", true);
    force.start();
}

// ...

function dragended(d) {
    $("#map").removeClass("dragging");
    d3.select(this).classed("dragging", false);
}

#map.dragging {
    cursor: move;
}