chrome cursor mousedown

e2site · February 12, 2013


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	 var mouseDown = false;
	 $(document).ready(function() {
		 $('#dragArea').mousemove(function(e) {
			 if (mouseDown) {
				 this.style.cursor = 'pointer';
			 } else {
				 this.style.cursor = 'default';
			 }
		 });
		 $('#dragArea').mousedown(function() {mouseDown = true; this.style.cursor = 'pointer'; });
		 $('#dragArea').mouseup(function() { mouseDown = false; this.style.cursor = 'default'; });
		 $('#pageBody').mousemove(function() { this.style.cursor = 'default'; });
	 });
</script>
</head>
<body id="pageBody">
<div id="dragArea" style="height:200px;width:200px;border:solid 1px red;">
</div>
</body>
</html>

Вот пример во всех браузерах работает как надо, в хроме вместо pointer, курсор как при редактирование текста.

Пробывал вские -webkit-user-select и тп. Результат нулевой. Может кто сталкивался, заранее спасибо.

Great Rash · February 12, 2013

Возможно надо отменить событие selectstart. Курсор может изменяться т.к. начинается выделение текста.

e2site · February 12, 2013

Да спс onselectstart='event.preventDefault()' при добавление к div решает проблему

Sign In

chrome cursor mousedown

Question

e2site

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

e2site

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information