Forum PHP.pl > [JavaScript] Jak Dobrać Się Do Zmiennych Globanych W Funkcji i jak działa addEventListener()?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Jak Dobrać Się Do Zmiennych Globanych W Funkcji i jak działa addEventListener()?

23kulpamens

7.11.2007, 15:54:50

Mam taki kod HTML

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var IE = document.all?true:false
var tempX = 0
var tempY = 0
var XX = 100
var YY = 100
 
function getMouseXY(e) {
  if (window.IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0} 
  window.XX = 10;
  document.getElementById('xxx').value = "X:" + tempX;
  document.getElementById('yyy').value = "Y:" + tempY;
  document.getElementById('czas').style.width = tempX + "px";
  document.getElementById('czas').style.height = tempY + "px";
  document.getElementById('czas').style.left = tempX + "px";
  document.getElementById('czas').style.top = tempY + "px";
  return true
}
 
function count(){
 
    if (!IE) document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = getMouseXY;
    window.YY = document.getElementById('xxx').value.toString();
    document.getElementById('ggg').value = window.XX;
    document.getElementById('hhh').value = window.YY;
}
 
 
</script>
</head>
<body>
<div id="czas" style="background-color: aqua; width: 500px; position: absolute; t">
<input id="xxx" name="strength" value="" />
<input id="yyy" name="strength" value="" />
</div>
<input id="ggg" name="strength" value="" />
<input id="hhh" name="strength" value="" />
<script type="text/javascript">count();</script>
</body>
</html>
[HTML] pobierz, plaintext

I wewnątrz funkcji getMouseXY() nie mogę się dobrać do żadnej zmiennej globalnej XX ani YY. Próbowałem też normalnie, nie jako element klasy "window". Nie działa

. Jak w takim wypadku mogę zapisać coś do zmiennej globalnej wewnątrz funkcji getMouseXY() żeby móc to później wykorzystywać sobie przy generowaniu dynamicznej zawartości. ( Np. tego rosnącego i malejącego bloku przy kursorze myszki ). Jak widać w kodzie kiedy spróbowałem odczytać wartość z pola <input/> którego zawartość zmienia się w funkcji getMouseXY() to wartośc została odczytana tylko raz na początku wykonania skryptów. Jeżeli źle rozumiem strukturę działania JavaScript lub tego ni da sie zrobić, ktoś mógłby mi wytłumaczyć dlaczego??

Podobno

[HTML] pobierz, plaintext 
document.captureEvents(Event.MOUSEMOVE)
[HTML] pobierz, plaintext

Jest przestarzałe dlatego należy używać addEventListener(), ale nigdzie nie mogę znaleźć o tym zrozumiałych informacji, a to co znalazłem na stronie mozilli jest kompletnie niejasne. http://developer.mozilla.org/pl/docs/DOM:e...ddEventListener

nospor

7.11.2007, 16:23:40

Cytat

Jak widać w kodzie kiedy spróbowałem odczytać wartość z pola <input/> którego zawartość zmienia się w funkcji getMouseXY() to wartośc została odczytana tylko raz na początku wykonania skryptów.

No bo raz tylko wykonales count(). jak count() moze ci sie wykonywac wiele razy skoro ty go tylko raz wykonales?

Kod

23kulpamens

7.11.2007, 16:56:32

no dobra, a co z zapisem do zmiennej globalnej?? no i czy kotś zna addEventListener() (Mozilla) lub attachEvent() (IE)

nospor

7.11.2007, 19:56:07

No przeciez napisalem:
YY=.....
zadne window.YY

23kulpamens

8.11.2007, 10:10:35

Już rozumiem, chodzi o kolejność następowania zdarzeń

A window.XX też działa, pomoc Mozilli nawet twierdzi, że takiej formy należy używać

Dzięki za poprawiony kod

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.