Как я могу остановить двойной щелчок на вершине слова в таблице от выбора его?

Question

Как я могу остановить двойной щелчок на вершине слова в таблице от выбора его?

0

У меня есть таблица, и я использовал CSS:

table.grid {
    cursor: default;
}

Поэтому курсор теперь остается как указатель, когда я наводил курсор на слова.

Но когда я дважды нажимаю на что-то в таблице, он выбирается. Как я могу сделать так, чтобы двойной щелчок мыши не выбирался внутри этой таблицы?

Mr. Alien 08 янв. 2014, в 08:27

Источник

Теги:

html

css

2 ответа

1

Попробуйте это... и сделайте изменения по мере необходимости. Это вам нужно?

 <span class="test2">
          <a href="http://google.com">Double click me</a>
          <em tabindex="-1">&nbsp;</em>
        </span>

и css

.test2 { 
        padding: 10px 0; 
        position: relative; 
    }
    .test2 em { 
        position: absolute; 
        top: -6px; 
        left: 0; 
        right: 0; 
        bottom: -1px;
        z-index: 100; 
    }
    .test2 em:focus { 
        display: none; 
    }

Deepu Sasidharan 08 янв. 2014, в 06:14

Ещё вопросы

Mr. Alien · Accepted Answer · 2014-01-08T04-06-00.000Z

Вы можете использовать свойство user-select для этого

демонстрация

table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

Тем не менее, если вы ссылаетесь на MDN, он отобразит большое красное поле, в котором говорится, что свойство является нестандартным, поэтому лучше иметь резервную onmousedown JavaScript, используя onmousedown и onselectstart событие с return false

<table>
    <tr>
        <td onmousedown='return false;' onselectstart='return false;'>Prevent from selecting this</td>
    </tr>
</table>

Демонстрация 2