2016-08-04 2 views
-1

Я использую selenium для приложения для браузера автоматизации тестирования. Мне нужно api javascript, чтобы получить текущий стиль курсора в браузере, не заботясь о том, где он находится. Есть ли какой-нибудь API получить информационную ссылку document.readstateКак использовать javascript получить текущий стиль курсора из браузера

+1

Возможный дубликат [обнаружить тип курсора] (http://stackoverflow.com/questions/5304668/detect-cursor-type) –

+0

@RobinDorbell Я думаю, этот вопрос не очень дубликат, потому что OP спрашивает (не заботясь о том, где он), когда вместо этого спрашивает http://stackoverflow.com/questions/5304668/detect-cursor-type, в частности, проверяет ввод курсора на входной тег и использует selectStart и selectionEnd, для моего понимания вопрос о OP более общий и не ограничивается обнаружением входных тегов. – GibboK

ответ

3

Следующий скрипт обнаруживает и распечатывает браузер стиля курсора на любом элементе вашей страницы.

document.addEventListener('mouseover',function(e){ 
 
    var cursor = e.target.style.cursor; 
 
    console.log(cursor); 
 
},false);
span.crosshair { 
 
    cursor: crosshair; 
 
} 
 

 
span.help { 
 
    cursor: help; 
 
} 
 

 
span.wait { 
 
    cursor: wait; 
 
}
<p>Mouse over the words to change the cursor.</p> 
 
<span style="cursor:auto">auto</span><br> 
 
<span style="cursor:crosshair">crosshair</span><br> 
 
<span style="cursor:default">default</span><br> 
 
<span style="cursor:e-resize">e-resize</span><br> 
 
<span style="cursor:grab">grab</span><br> 
 
<span style="cursor:help">help</span><br> 
 
<span style="cursor:move">move</span><br> 
 
<span style="cursor:n-resize">n-resize</span><br> 
 
<span style="cursor:ne-resize">ne-resize</span><br> 
 
<span style="cursor:nw-resize">nw-resize</span><br> 
 
<span style="cursor:pointer">pointer</span><br> 
 
<span style="cursor:progress">progress</span><br> 
 
<span style="cursor:s-resize">s-resize</span><br> 
 
<span style="cursor:se-resize">se-resize</span><br> 
 
<span style="cursor:sw-resize">sw-resize</span><br> 
 
<span style="cursor:text">text</span><br> 
 
<span style="cursor:w-resize">w-resize</span><br> 
 
<span style="cursor:wait">wait</span><br> 
 
<span style="cursor:not-allowed">not-allowed</span><br> 
 
<span style="cursor:no-drop">no-drop</span><br>

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