Συνεδρίες JavaScript

Τα συμβάντα HTML είναι κάτι που συμβαίνει σε στοιχεία HTML.

Όταν χρησιμοποιείτε JavaScript σε ιστοσελίδα HTML, το JavaScript μπορεί να "απαντήσει" σε αυτά τα συμβάντα.

Συμβάντα HTML

Τα συμβάντα HTML μπορούν να είναι κάτι που κάνει ο περιηγητής ή ο χρήστης.

Παρακάτω είναι μερικά παραδείγματα συμβάντων HTML:

  • Το ιστοσελίδα HTML ολοκληρώθηκε τη φόρτωση
  • Το πεδίο εισαγωγής HTML更改
  • Το κουμπί HTML πατήθηκε

Γενικά, όταν συμβαίνει ένα συμβάν, ο χρήστης θέλει να κάνει κάτι.

Το JavaScript επιτρέπει την εκτέλεση κώδικα όταν εντοπίζονται συμβάντα.

μέσω κώδικα JavaScript，Το HTML επιτρέπει την προσθήκη επεξεργαστών συμβάντων στα στοιχεία HTML.

Χρησιμοποιώντας μονά εισαγωγικά:

<element event='Ορισμένα JavaScript>

Χρησιμοποιώντας διπλά εισαγωγικά:

<element event="Ορισμένα JavaScript">

Στο παρακάτω παράδειγμα:onclick ιδιότητες (και κώδικας) προστίθενται σε <button> στοιχεία:

Παράδειγμα

<button onclick='document.getElementById("demo").innerHTML=Date()'>Τι ώρα είναι τώρα;</button>

Προσπαθήστε να το δοκιμάσετε شخصικά

Στο παραπάνω παράδειγμα, ο κώδικας JavaScript更改了id="demo"的元素的内容。

Στο επόμενο παράδειγμα, ο κώδικας (χρησιμοποιώντας this.innerHTML()) Ε更改了其自身元素的内容：

Παράδειγμα

<button onclick="this.innerHTML=Date()">Τι ώρα είναι τώρα;</button>

Προσπαθήστε να το δοκιμάσετε شخصικά

Το κώδικας JavaScript συνήθως έχει πολλά γραμμάτια. Η κλήση της ιδιότητας συμβάντος στη συνάρτηση είναι πιο συχνή:

Παράδειγμα

<button onclick="displayDate()">Τι ώρα είναι τώρα;</button>

Προσπαθήστε να το δοκιμάσετε شخصικά

Κοινά αποτελέσματα HTML

Παρακάτω είναι μερικά από τα πιο κοινά αποτελέσματα HTML:

αποτελεσμα περιγραφή
onchange Η εμφάνιση των στοιχείων HTML έχει αλλάξει
onclick Ο χρήστης κάνει κλικ στο στοιχείο HTML
onmouseover Ο χρήστης κινεί το ποντίκι πάνω από το στοιχείο HTML
onmouseout Ο χρήστης απομακρύνει το ποντίκι από το στοιχείο HTML
onkeydown Ο χρήστης πατάει το πλήκτρο του πληκτρολογίου
onload Ο περιηγητής έχει ολοκληρώσει τη φόρτωση της σελίδας

Μια πιο πλήρης λίστα:CodeW3C.com εγχειρίδιο JavaScript HTML DOM συμβάντα.

Τι μπορεί να κάνει το JavaScript;

Οι διαχειριστές συμβάντων μπορούν να χρησιμοποιηθούν για να χειριστούν, να ελέγξουν τα δεδομένα του χρήστη, τις ενέργειες του χρήστη και τις ενέργειες του περιηγητή:

  • Τι πρέπει να γίνει κάθε φορά που φορτώνει η σελίδα
  • Τι πρέπει να γίνει όταν κλείσει η σελίδα
  • Η ενέργεια που πρέπει να εκτελεστεί όταν ο χρήστης κάνει κλικ στο κουμπί
  • Το περιεχόμενο που πρέπει να ελεγχθεί όταν ο χρήστης εισάγει δεδομένα
  • Και άλλα

Υπάρχουν πολλά διαφορετικά τρόποι για να χειριστείτε συμβάντα με JavaScript:

  • Οι ιδιότητες συμβάντων HTML μπορούν να εκτελέσουν κώδικα JavaScript
  • Οι ιδιότητες συμβάντων HTML μπορούν να καλέσουν συνάρτηση JavaScript
  • Μπορείτε να προσθέσετε τους δικούς σας διαχειριστές συμβάντων σε HTML στοιχεία
  • Μπορείτε να αποτρέψετε τα συμβάντα να σταλούν ή να χειριστούν
  • Και άλλα

Θα μάθετε περισσότερα για τα συμβάντα και τους διαχειριστές συμβάντων στο κεφάλαιο HTML DOM.