2017-01-15 2 views
0

Я работаю над сеткой плагинов «перетаскивание/перетаскивание», которая дает пользователям возможность перемещать строки для изменения порядка.сменить курсор, когда пользователь нажимает и удерживает нажатой кнопку whithout javascript

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

td.reorder {cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;} 

Сейчас. То, что я хочу:

  • , нажав на строку, я хочу, чтобы курсор, чтобы изменить
  • изменения курсора на CSS, нет Javascript
  • что-то вроде td:click{cursor:grabbing}
  • если мог: курсор еще не изменился, а пользователя холдинг нажмите

благодаря

Update

Я положил example для моего кода.

, пожалуйста, вы можете видеть, правильно ли мои события.

Update 2

Это my Solution. Он работает нормально.

+0

Вы ищете для [ ': active'] (https://developer.mozilla.org/en-US/ docs/Web/CSS /: активный) псевдокласс? –

ответ

0

Вы не можете сделать это без Javascript, только «событие» вы можете использовать в CSS является:

  • a:link - нормальная, непосещенная ссылка
  • a:visited - ссылка пользователя посетил
  • a:hover - ссылка, когда пользователь мыши над ней
  • a:active - ссылка на момент ее нажатия.

(http://www.w3schools.com/css/css_link.asp)

Я предлагаю вам использовать:

jQuery('td').on("click", function() { 
    jQuery(this).css("cursor", "pointer"); 
}); 
+0

см. Мое обновление – mustint

+0

В моем коде я должен использовать событие jquery. но «событие jquery click» установил курсор, я должен написать второе событие, чтобы вернуть курсор, когда мышь оставила клик, удерживая – mustint

+0

Он работает, хороший человек! –