Вход

Просмотр полной версии : Получение положения курсора и размеров окна


torreto
12.08.2011, 00:54
Добрый вечер.
У меня такой вопросик. Сам я программирую на ActionScript 3, немного сродни Js, но все равно не могу найти ошибку.

В общем с горем пополам выдавил из себя скрипт. Он Возвращает положения курсора и размеры окна браузера. Все это потом использует Flash.

То что я накалякал:
<script type="text/javascript">
window.onload=function(){
getClientWidth();
getClientHeight();
}

window.onmousemove = mousemoved;
function mousemoved()
{
getCurrXMousePos();
getCurrYMousePos();
}
function getCurrXMousePos(){
var posx = 0;
if (!e) e = window.event;
if (e.pageX)
{
posx = e.pageX;
}
else if (e.clientX)
{
posx = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
}
return posx;
}

function getCurrYMousePos(){
var posy=0;
if (!e) e = window.event;
if (e.pageY)
{
posy = e.pageY;
}
else if (e.clientY)
{
posy = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return posy;
}

function getClientWidth(){
return window.document.compatMode=='CSS1Compat' && !window.opera?
document.documentElement.clientWidth:document.body .clientWidth;
}

function getClientHeight(){
return window.document.compatMode=='CSS1Compat' && !window.opera?
document.documentElement.clientHeight:document.bod y.clientHeight;
}
</script>

далее если кому интересно просто сохраняю эти данные во флеше:
// linking with JavaScript
ExternalInterface.addCallback("getCurrXMousePos", setCurrXMousePos);
ExternalInterface.addCallback("getCurrYMousePos", setCurrYMousePosPos);
ExternalInterface.addCallback("getClientWidth", setClientWidth);
ExternalInterface.addCallback("getClientHeight", setClientHeight);

//updating Current X and Y positions of cursor
function setCurrXMousePos (value:Number):void {
CurrXMousePos = value;
}

function setCurrYMousePosPos (value:Number):void {
CurrYMousePos = value;
}

function setClientWidth (value:Number):void {
stW_half = value / 2;
}

function setClientHeight(value:Number):void {
stH = value;
}

Со стороны флеша обибок быть не должно, но в текстовом поле во встроенной флешке:
out_txt.text = "Cursor X pos: "+setCurrXMousePos;
out_txt.text += ", Cursor Y pos: "+setCurrYMousePos;
Постоянно координаты по 0.

Где у меня ошибка, подскажите пожалуйста.
Если что - с меня материальное вознаграждение на пиво по вебмани.

melky
12.08.2011, 01:03
вы в функции не принимаете e, этот код будет работать в ie & chrome
function getCurrXMousePos*!*()*/!*{
if (!e) e = window.event;
.....
}

функция не передает объект события. получается, о нем никто ничего не знает. хотя бы так поставьте

window.onmousemove = function mousemoved(e) {
getCurrXMousePos(e);
getCurrYMousePos(e);
}


и самое важное. догадайтесь сами, почему функция возвращает 0.
function getCurrXMousePos(){
var posx = 0;
x = ......
return posx;
}

torreto
12.08.2011, 01:47
Хорошо, я изменил скрипт и постарался протестировать его.
<script type="text/javascript">
window.onload=function(){
getClientWidth();
getClientHeight();
//alert("Doc loaded")
}
window.onmousemove = mousemoved;
function mousemoved(e)
{
getCurrXMousePos(e);
getCurrYMousePos(e);
alert("Mouse moved")
}
function getCurrXMousePos(){
var posx = 0;
if (!e) e = window.event;
if (e.pageX)
{
posx = e.pageX;
}
else if (e.clientX)
{
posx = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
}
return posx;
alert('posx');
}

function getCurrYMousePos(){
var posy=0;
if (!e) e = window.event;
if (e.pageY)
{
posy = e.pageY;
}
else if (e.clientY)
{
posy = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return posy;
alert('posy');
}

function getClientWidth(){
return window.document.compatMode=='CSS1Compat' && !window.opera?
document.documentElement.clientWidth:document.body .clientWidth;
alert('getClientWidth');
}

function getClientHeight(){
return window.document.compatMode=='CSS1Compat' && !window.opera?
document.documentElement.clientHeight:document.bod y.clientHeight;
alert('getClientHeight');
}
</script>
если раскомментировать то работает только
alert("Doc loaded").
То есть документ грузится, но перемещения мыши не отслеживаются.

devote
12.08.2011, 05:29
window.onload тебе тут нафиг не нужен, алерты после ретурна никогда не сработают. Во влеше дождись когда будет готов к работе яваскрит, иногда флешь загружается быстрее чем яваскрипт готов к работе.
function fixEvent( e ) {
e = e || window.event;
if ( e.pageX == null && e.clientX != null ) {
var html = document.documentElement,
body = document.body;
e.pageX = e.clientX + ( html && html.scrollLeft || body && body.scrollLeft || 0 ) - ( html.clientLeft || 0 );
e.pageY = e.clientY + ( html && html.scrollTop || body && body.scrollTop || 0 ) - ( html.clientTop || 0 );
}
if ( !e.which && e.button ) {
e.which = e.button & 1 ? 1 : ( e.button & 2 ? 3 : ( e.button & 4 ? 2 : 0 ) );
}
return e;
}

var posx = 0, posy = 0;

window.onmousemove = function( e ) {
e = fixEvent( e );
posx = e.pageX;
posy = e.pageY;
}

function getCurrXMousePos() {
return posx;
}

function getCurrYMousePos() {
rutern posy;
}

function getClientWidth() {
return window.document.compatMode == 'CSS1Compat' && !window.opera ?
document.documentElement.clientWidth : document.body.clientWidth;
}

function getClientHeight() {
return window.document.compatMode == 'CSS1Compat' && !window.opera ?
document.documentElement.clientHeight : document.body.clientHeight;
}

torreto
17.08.2011, 17:01
спасибо огромное, devote !
Ваш скрипт работает!
Окончательный вариант точно такой, как вы написали!