kursor: mouse ambil javascript

Saya memiliki dua gambar: satu dengan tangan terbuka, dan satu lagi dengan tangan yang memegang. Saya berharap fungsi "onmousedown" dan "onmouseup" yang sederhana membantu membuat tangan yang terkenal dapat Anda lihat di sesuatu seperti peta Google. TAPI... Maaf, dari awal: Saya memiliki DIV sederhana tanpa apa pun, selain latar belakangnya. ketika saya menahan mouse dan mulai "menyeret" kursor, sebuah fungsi seharusnya dimulai dan mengubah bentuk kursor "buka tangan" menjadi "ambil tangan". Tapi kursor menjadi pemilih teks bukan yang saya inginkan. Ada bantuan? ini adalah contohnya

<div onmousedown="function(){this.style.cursor='url(handgrab.png)'}"
onmouseup="function(){this.style.cursor='url(handopen.png)'}"
</div>

satu-satunya hal yang saya inginkan adalah mengubah kursor saat menyeret mouse ke DIV. maaf untuk pilihan sebaris ini, tetapi saya tidak ingin menulis semua file JS...


javascript drag cursor mousedown
person Nereo Costacurta    schedule 27.10.2012    source sumber
comment
Oke teman-teman, saya telah menemukan masalah besar: pada div saya harus menyetel acara onselectstart ke null (atau mengembalikan false). Permainan selesai! Semoga bermanfaat bagi yang lain, sampai jumpa   -  person Nereo Costacurta    schedule 30.10.2012

Jawaban (1)


arrow_upward
-1
arrow_downward

Anda harus mengakses ini melalui nama kelas. Itu membuat hidup lebih mudah.

Coba cara ini:-

HTML:

<div onmouseup="this.className='openHand'" onmousedown="this.className='closeHand'">
    Mouse Down and Up Events
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS:

.​openHand​ {
    cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}

.closeHand {
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}​

Lihat DEMO LANGSUNG

person Siva Charan    schedule 27.10.2012
comment
terima kasih atas jawabannya. Saya mengalami beberapa masalah karena: 1) saat menyeret mouse pada div dengan latar belakang, sering kali FireFox mengambil gambar alih-alih mengubah kursor, tetapi terkadang berhasil. 2) tidak mungkin dengan google chrome, tangan yang tertutup tidak muncul. 3) hanya IE9 yang tampaknya berfungsi dengan baik... luar biasa - person Nereo Costacurta; 29.10.2012