2015-05-18 6 views
0

Я создаю галерею в ReactJs и перетаскиваю большие пальцы под основным изображением. Проблема в том, что всякий раз, когда я перетаскиваю большой палец, его URL-адрес ссылки перетаскивается мышью.URL-адрес показывает, когда он перетащил, он должен быть скрыт

http://prntscr.com/76kfrk

Можно ли скрыть URL на сопротивление?

Предпочтительно, используя с ванильным Js

+0

Возможный дубликат (только на тех же словах) http://stackoverflow.com/questions/5871239/turn-off-alt-tags-on-links-with-css – Rvervuurt

ответ

0

Поскольку это title из a в тег (вы не установить alt title, поэтому он отображает URL), вы должны быть в состоянии скрыть его с помощью следующего бита Javascript:

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

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

Выполнение этого действия, удаляет заголовок/ссылку, однако создает призрачные изображения: http://prntscr.com/76kljg – Radu033

+0

Попробуйте посмотреть эту демонстрацию и применить ее к своей ситуации: http: // jsfiddle.net/BoltClock/TB5Uf/2/ – Rvervuurt

0

Это можно предотвратить с preventDefault на onMouseDown события.

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

Это была бы хорошая идея, но так как это слайдер, он также предотвращает слайд-функциональность. – Radu033

0

Как указано ниже, единственный способ предотвратить это - вызвать event.preventDefault().

Если вы используете специальный плагин для слайдера, я бы предложил вам изучить его документы, чтобы узнать, как вы можете получить событие mousedown, когда пользователь начинает перетаскивание.

Смежные вопросы