Ссылка, выбираемая из середины

Question

Как я могу сделать ссылку доступной, как обычный текст, без запуска щелчка мыши?

Несвязанный текст может быть легко выбран из середины. Я хочу, чтобы ссылка была выбрана, если пользователь удерживает мышь, но если это один клик, тогда откройте ссылку как обычно.

Answer 1

Такое поведение определяется браузером, поэтому вы не можете с ним поделать. Я считаю, что некоторые браузеры позволяют вам выбирать якорный текст из любой точки (Opera?), А не только для начала и конца, но это не очень полезно для вас.

Если вы действительно хотите изменить поведение браузера по умолчанию (которое редко хорошая идея), то читайте дальше ...

Одним из возможных решений может быть не использовать a элементы, но вместо используйте что-то вроде span. Дайте каждому span ссылку общий класс и хранить предполагаемый URL:

<span class="linkSpan" data-link="http://www.example.com">This is a link</span> 

Затем использовать JavaScript (вы помечено вопрос с JQuery, так что я буду использовать JQuery здесь) для перенаправления пользователя:

$(".linkSpan").click(function() { 
    window.location = $(this).data("link"); 
}); 

Очевидно, что вам нужно будет подобрать стиль .linkSpan, чтобы он выглядел скорее как реальная ссылка.

Update (после @ комментарий Madmartigan в) - если удерживать нажатой кнопку мыши, когда курсор находится не по линии, а затем перейти по самой ссылке, вы можете начать выбор текста из любой точки в пределах ссылки. Мне это удалось, по крайней мере, в Chrome.

Answer 2

Если вы собираетесь это сделать, не стряхните свой HTML с помощью <span> s в качестве ссылок. Вы используете javascript, поэтому просто используйте javascript для удаления href из ссылок и прикрепите его к событию onclick.

Что-то вроде этого (с помощью JQuery):

$('a').each(function(){ 
    var href = $(this).attr('href'); 
    $(this).removeAttr('href'); // Now the link is "more selectable" 
    $(this).click(function(){ 
     top.location = href; 
    }); 
}); 

Гораздо более доступным, не заставит вас писать фиктивные HTML. Ссылки должны быть помечены тегом <a>. Демо: http://jsfiddle.net/phbt4/1/

Вам нужно будет указать стили на этих ссылках, чтобы убедиться, что они выглядят/чувствуют себя как ссылки, а не полагаются на настройки браузера по умолчанию, так как удаление атрибута href будет иметь такое влияние.