0 голосов
спросил от в категории JavascriptCSSHTML
Вы используете event.clientX и event.clientY, которые не работают в Firefox или Chrome.
Если вы хотите получить указатель мыши, см. это ссылка:
#http://www.quirksmode.org/js/events_properties.html#position # [#^ #]

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

0 голосов
ответил от
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"> </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"> </script> <script type="text/javascript"> function press(event){     var target = event.target != null ? event.target : event.srcElement;     if(target.id == 'tBar'){         document.getElementById('tBar').style.backgroundColor = 'red';         document.getElementById('tBar').style.color = 'yellow';         document.getElementById('tBar').style.cursor = 'move';     } } function release(event){     document.getElementById('tBar').style.backgroundColor = 'yellow';     document.getElementById('tBar').style.color = 'red';     document.getElementById('tBar').style.cursor = 'default'; } function over(event){     var target = event.target != null ? event.target : event.srcElement;     if(target.id == 'tBar'){         $("#wnd").draggable({disabled: false});     }     else{         $("#wnd").draggable({disabled: true});     } } function move(event){     var target = event.target != null ? event.target : event.srcElement;     if(target.id == 'wnd'){         document.getElementById('wnd').style.backgroundColor='#DDDDDD';     }     else{         document.getElementById('wnd').style.backgroundColor='white';     } } </script> </head> <body onmouseover="over(event);" onmousedown="press(event);" onmouseup="release(event);" onmousemove="move(event);"> <div id="wnd" style="position:relative;left:10px;top:10px;width:220px;height:195px;"> <div id="tBar" style="position:relative;left:10px;top:10px;width:197px;height:25px;background-color:yellow;padding-left:3px;color:red;"> Title </div> <div id="content" style="position:absolute;left:10px;top:35px;width:193px;height:148px;background-color:white;border-width:2px;border-style:none solid solid;border-color:red;padding-left:3px;"> Drag me? </div> </div> </body> </html>

Категории

Добро пожаловать на сайт DraftingCode Q&A, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие вопросы

0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
...