Muszę zmienić wskaźnik myszy do kursora czekać. próbowałem

document.body.style.cursor = 'wait';

W mojej Fiddle, mój kursor myszy nie zmienia się (ani nie zmienia się w mojej głównej aplikacji) . Próbowałem kilku metod, ale nic nie działa (testowane IE7 i FF7). Jak zmienić kursor? Jestem otwarty na używanie CSS zamiast JavaScript, jeśli to działa lepiej.

Za to, co jest warte ... W końcowym programie muszę zmienić wskaźnik na początku połączenia AJAX, a następnie zmienić go z powrotem do domyślnego wywołania zwrotnego. Ale jest to uproszczony przykład i nadal nie działa.

1
P.Brian.Mackey 15 listopad 2011, 18:30

4 odpowiedzi

Najlepsza odpowiedź

Ponieważ nie ma tekstu, naprawdę nie masz ciała (pod względem "nie ma wysokości").

Spróbuj dodać trochę treści, a następnie unosić tekst: http://jsfiddle.net/kx4es/4/. Możesz wystarczyć CSS.

Lub, dodaj go do elementu {{X0} jsfiddle.net/kx4es/3/ .

html {
    cursor: wait;
}
2
pimvdb 15 listopad 2011, 14:34

Stworzyłbym klasę CSS:

.busy {
    cursor: wait !important;
}

A następnie przypisz tę klasę do ciała lub dowolnego elementu, który chcesz zaznaczyć jako zajęty:

$('body').addClass('busy');
// or, if you do not use jQuery:
document.body.className += ' busy';

http://jsfiddle.net/thiefmaster/s7wza/

Jeśli potrzebujesz go na całej stronie, zobacz Kurzenie Kursor na całej stronie HTML dla rozwiązania

7
Community 23 maj 2017, 12:21

Lubię to:

$('html').css('cursor', 'wait');

Lub jako klasa CSS, jak powiedział powyżej przez Thiefmaster

0
Nathan Q 15 listopad 2011, 15:29

Próbowałem to tylko w Chrome i Firefox, więc może nie działać wszędzie. Ale jeśli chcesz to zrobić za pomocą JavaScript i włącz go i wyjdź, spróbuj.

//add
document.styleSheets[1].insertRule('html {cursor:wait;}',document.styleSheets[1].cssRules.length);
//for firefox I had to tell it to fill the screen with the html element
//document.styleSheets[1].insertRule('html {height:100%;width:100%;cursor:wait;}',0);

//remove
document.styleSheets[1].deleteRule(document.styleSheets[1].cssRules.length-1);

http://www.quirksmode.org/dom/w3c_css.html#Access Wydaje się być dobrym odniesieniem do bawiących się z rzeczywistymi arkuszami stylów. Miałem nadzieję na edycję stylu elementów HTML, ale to wszystko, co mogłem znaleźć ...

0
whytheplatypus 15 listopad 2011, 15:53