Med JavaScript kan man lage dynamiske websider. Eventer er handlinger som kan oppdages av JavaScript. Et hvert element på en webside har eventer som kan trigge JavaScript-funksjoner.
| Event | Intreffer når...... | Brukes sammen med |
|---|---|---|
| onabort | Når lasting av et et bilde blir avbrudt | <img> |
| onblur | Et element mister fokus | <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var> |
| onchange | Brukeren endrer innholdet av et felt | <input type="text">, <select>, <textarea> |
| onclick | Musen klikkes på et objekt | <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var> |
| ondblclick | Musen dobbelklikkes på et objekt | |
| onerror | En feil intreffer når et bilde lastes. | <img>, <object>, <style> |
| onfocus | Et element får fokus | <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var> |
| onkeydown | En tast på tasttaturet trykkes | <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var> |
| onkeypress | En tast på tasttaturet trykkes og holdes nede | |
| onkeyup | En tast på tasttaturet slippes | |
| onload | En side eller et bilde blir lastet | <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script> |
| onmousedown | En museknapp er trykket | <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var> |
| onmousemove | Musen er flyttet | |
| onmouseout | Musen er flyttet ut av et element | |
| onmouseover | Musen er over et element | |
| onmouseup | En museknapp slippes | |
| onreset | Reset knappen er trykket | <form> |
| onresize | Et vindu eller en ramme har endret størrelse | <a>, <address>, <b>, <big>, <blockquote>, <body>, <button>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <frame>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <textarea>, <tt>, <ul>, <var> |
| onselect | Tekst er valgt | <input type="text">, <textarea> |
| onsubmit | Submit knappen er trykket | <form> |
| onunload | Brukeren forlatetr en side | <body>, <frameset> |
Onload eventet brukes ofte til å sjekke brukerens browser-type og versjon for å laste den riktige versjonen av websiden. eks. browserdetect.html
Kan sette ulike stilsett for ulike browsere.
Onload og onUnload brukes også til å sette og lese cookies
onmousedown gernereres når en museknapp trykkes inn: museknapp.html
HTML Document Object Model (HTML DOM) definerer en standard for å aksessere og manipulere HTML dokumenter. Velformede XML-dokumenter lar seg beskrive i en trestruktur
document.getElementsByTagName(tagname) document.getElementById(id)
Henter verdien til et element: dom1.html
Teller opp antall paragrafer i et dokument: dom2.html
Viser id, type og value til et element: dom3.html
Kalkulator: kalkulatot.html