onselect-tapahtuma

DOM-tapahtumat Event-objekti

Määritelmä ja käyttö

onselect-tapahtuma tapahtuu, kun elementin tekstiä valitaan.

onselect-tapahtuma käytetään pääasiassa <input type="text">- tai <textarea>-elementteihin.

Esimerkki

Esimerkki 1

Suoritetaan JavaScript-ohjelma tekstiä valittaessa:

<input type="text" onselect="myFunction()">

Kokeile itse

Esimerkki 2

Valitaan tekstikentän tietty sisältö HTML DOM Input Text -objektin select() -menetelmän avulla. Tämä tapahtuu, kun valitaan tekstikenttä, mikä aiheuttaa onselect-tapahtuman, joka puolestaan aiheuttaa alert-funktion kutsun.

// Valitaan tekstikentän sisältö
function mySelectFunction() {
  document.getElementById("myText").select();
}
// Kun tekstikentän teksti valitaan, näytä jokin teksti
function myAlertFunction() {
  alert("You selected some text!");
}

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onselect="myScript">

Kokeile itse

JavaScriptissa:

objekti.onselect = function(){myScript};

Kokeile itse

JavaScriptissa, käytä addEventListener() -menetelmää:

objekti.addEventListener("select", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen tarkistus

Päihdytys: Ei tuettu
Peruutettavissa: Ei tuettu
Tapahtumatyypit: Jos tapahtuma on luotu käyttöliittymästäUiEventMuuten Event.
Tuetut HTML-merkit: Tiedostovalitsin (input type="file"), salasanoavalitsin (input type="password"), tekstikenttä (input type="text") ja tekstikenttä (textarea)
DOM-versio: Taso 2 -tapahtumat

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
onselect Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat Event-objekti