在拖动时显示网址链接，它应该被隐藏

Question

我在ReactJs中建立了一个画廊，并且在主图像下面有可拖动的拇指。 问题是，每当我拖动拇指时，其链接url都会拖动鼠标。

http://prntscr.com/76kfrk

是否可以在拖动时隐藏网址？

优选使用Vanilla Js

Answer 1

preventDefault事件{/ 3}}可以阻止这种情况。

//React Component
someFunc: function(e) {
  e.preventDefault();
},
render: function() {
  return (<img src="somepicture.jpg" onMouseDown={this.someFunc} />)
}

Answer 2

由于它是title标记的a（您没有设置alt title，因此它显示了网址），您应该能够使用以下Javascript隐藏它：

var elements = document.getElementsByTagName('a');

for (var i = 0, len = elements.length; i < len; i++)
{
  elements[i].removeAttribute('title');
}

Answer 3

如下所述，我知道防止这种情况的唯一方法是调用event.preventDefault（）。

如果您使用滑块的特殊插件，我建议您查看其文档，了解当用户开始拖动时如何接收mousedown事件。