Rumah >hujung hadapan web >tutorial js >Senarai lengkap atribut altKey dan Event dalam kemahiran javascript_javascript

Senarai lengkap atribut altKey dan Event dalam kemahiran javascript_javascript

WBOYasal: 2016-05-16 15:33:391513semak imbas

Berikut ialah pengenalan kepada atribut altkey dalam JavaScript Pengenalan khusus adalah seperti berikut:

Takrifan dan penggunaan atribut altKey:

Harta ini mengembalikan nilai boolean. Menunjukkan sama ada kekunci Alt ditekan dan ditahan apabila peristiwa yang ditentukan berlaku.

Struktur tatabahasa:

event.altKey=true|false|1|0

Sokongan penyemak imbas:

Pelayar 1.IE menyokong atribut ini.

2. Penyemak imbas Firefox menyokong atribut ini.

3. Penyemak imbas Opera menyokong atribut ini.

4. Google Chrome menyokong atribut ini.

Contoh kod:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" /> 
<title>javascript的altKey事件属性-蚂蚁部落</title>
<style type="text/css">
div{
 width:200px;
 height:100px;
 background-color:#639;
 margin:0px auto;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mydiv=document.getElementById("mydiv");
 mydiv.onmousedown=function (event){
  if(event.altKey==1){
   alert("ALT键已经被按下");
  }
  else{
   alert("ALT键没有被按下");
  }
 }
}
</script>
</head>
<body>
 <div id="mydiv"></div>
</body>
</html>

Dalam kod di atas, apabila div yang ditentukan diklik, ia akan muncul sama ada kekunci ALT telah ditekan.

Senarai komprehensif sifat Acara dalam Javascript

Atribut

altKey, butang, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y

1.altKey Penerangan: Semak status kekunci alt.

Sintaks: event.altKey

Nilai yang mungkin: TRUE apabila kekunci alt ditekan, FALSE sebaliknya. Baca sahaja.

2.butang Penerangan: Periksa butang tetikus yang ditekan.

Sintaks: butang.peristiwa

Nilai yang mungkin: 0 Tiada kekunci ditekan 1 Tekan butang kiri 2 Tekan butang kanan 3 Tekan butang kiri dan kanan 4 Tekan butang tengah 5 Tekan butang kiri dan tengah 6 Tekan butang kanan dan tengah 7 Tekan semua kekunci
Sifat ini hanya digunakan untuk acara onmouseup, onmouseup dan onmousemove. Untuk acara lain, 0 dikembalikan tanpa mengira status tetikus (seperti onclick).

3.cancelBubble Keterangan: Kesan sama ada untuk menerima kawalan acara elemen atas.

Sintaks: event.cancelBubble[ = cancelBubble]

Nilai yang mungkin: Ini ialah nilai boolean yang boleh dibaca dan boleh ditulis:

TRUE tidak dikawal oleh peristiwa elemen atas. FALSE membenarkan kawalan oleh peristiwa elemen peringkat atas. Ini ialah nilai lalai.

Contoh: Coretan kod berikut menunjukkan bahawa apabila mengklik pada imej (onclick), jika kekunci shift turut ditekan pada masa yang sama, fungsi showSrc() yang dicetuskan oleh peristiwa onclick pada elemen atas (badan) ialah dibatalkan.

<SCRIPT type="text/javascript"> 
function checkCancel() ...{ 
if (window.event.shiftKey) 
window.event.cancelBubble = true; 
} 
function showSrc() ...{ 
if (window.event.srcElement.tagName == "IMG") 
alert(window.event.srcElement.src); 
} 
</SCRIPT> 
<BODY onclick="showSrc()"> 
<IMG onclick="checkCancel()" src="/sample.gif">

4.clientX Penerangan: Mengembalikan koordinat X tetikus dalam kawasan klien tetingkap.

Sintaks: event.clientX

Nota: Ini ialah sifat baca sahaja. Ini bermakna anda hanya boleh menggunakannya untuk mendapatkan kedudukan semasa tetikus, tetapi anda tidak boleh menggunakannya untuk menukar kedudukan tetikus.

5.clientY Penerangan: Mengembalikan koordinat Y tetikus dalam kawasan klien tetingkap.

Sintaks: event.clientY
Nota: Ini ialah sifat baca sahaja. Ini bermakna anda hanya boleh menggunakannya untuk mendapatkan kedudukan semasa tetikus, tetapi anda tidak boleh menggunakannya untuk menukar kedudukan tetikus.

6.ctrlKey Penerangan: Semak status kekunci ctrl.

Sintaks: event.ctrlKey

Nilai yang mungkin: TRUE apabila kekunci ctrl ditekan, FALSE sebaliknya. Baca sahaja.

7.fromElement Penerangan: Kesan unsur yang ditinggalkan tetikus apabila peristiwa onmouseover dan onmouseout berlaku.

Rujukan: 18.toElement

Sintaks: event.fromElement

Nota: Ini ialah sifat baca sahaja.

8.keyCode Penerangan: Kesan kod dalaman yang sepadan dengan acara papan kekunci.

Atribut ini digunakan untuk acara onkeydown, onkeyup dan onkeypress.

Sintaks: event.keyCode[ = keyCode]

Nilai yang mungkin: Ini ialah nilai yang boleh dibaca dan boleh ditulis yang boleh menjadi sebarang kod papan kekunci Unicode. Jika tiada acara papan kekunci dinaikkan, nilainya ialah 0 .

9.offsetX Penerangan: Semak koordinat mendatar kedudukan tetikus berbanding objek yang mencetuskan acara

Sintaks: event.offsetX

10.offsetY Penerangan: Menyemak koordinat menegak kedudukan tetikus berbanding objek yang mencetuskan acara

Sintaks: event.offsetY

11.propertyName Perihalan: Menetapkan atau mengembalikan nama sifat elemen yang diubah.

Sintaks: event.propertyName [= sProperty]

Nilai yang mungkin: sProperty ialah rentetan yang menentukan atau mengembalikan nama sifat yang berubah dalam acara pada elemen yang mencetuskan acara. Harta ini boleh dibaca dan boleh ditulis. Tiada nilai lalai.

Nota: Anda boleh mendapatkan nilai propertyName dengan menggunakan acara onpropertychange.

12.returnValue Penerangan: Tetapkan atau semak nilai yang dikembalikan daripada acara

Sintaks: event.returnValue[=Boolean]

Nilai yang mungkin: benar nilai dalam acara dikembalikan palsu tindakan lalai acara pada objek sumber dibatalkan
Lihat contoh pada permulaan artikel ini.

13.screenX Penerangan: Kesan kedudukan mendatar tetikus berbanding skrin pengguna

Sintaks: event.screenX

Nota: Ini ialah sifat baca sahaja. Ini bermakna anda hanya boleh menggunakannya untuk mendapatkan kedudukan semasa tetikus, tetapi anda tidak boleh menggunakannya untuk menukar kedudukan tetikus.

14.screenY Penerangan: Mengesan kedudukan menegak tetikus berbanding skrin pengguna

Sintaks: event.screenY

Nota: Ini ialah sifat baca sahaja. Ini bermakna anda hanya boleh menggunakannya untuk mendapatkan kedudukan semasa tetikus, tetapi anda tidak boleh menggunakannya untuk menukar kedudukan tetikus.

15.shiftKey Penerangan: Semak status kekunci shift.

Sintaks: event.shiftKey
Nilai yang mungkin: TRUE apabila kekunci shift ditekan, FALSE sebaliknya. Baca sahaja.

16.srcElement Penerangan: Mengembalikan elemen yang mencetuskan acara. Baca sahaja. Lihat contoh pada permulaan artikel ini.

Sintaks: event.srcElement

17.srcFilter Penerangan: Mengembalikan penapis yang mencetuskan acara onfilterchange. Baca sahaja.

Sintaks: event.srcFilter

18.toElement Penerangan: Kesan elemen yang tetikus masuk apabila peristiwa onmouseover dan onmouseout berlaku.

Rujukan: 7.fromElement

Sintaks: event.toElement
Nota: Ini ialah sifat baca sahaja.

19.type Penerangan: Mengembalikan nama acara.

Sintaks: event.type
Nota: Mengembalikan nama acara tanpa "on" sebagai awalan Contohnya, jenis yang dikembalikan oleh acara onclick ialah klik baca sahaja.

20. x Penerangan: Mengembalikan koordinat paksi-x tetikus berbanding dengan elemen induk dengan atribut kedudukan dalam atribut css. Jika tiada elemen induk dengan atribut kedudukan dalam atribut css, lalai ialah

Ambil elemen BODY sebagai objek rujukan.

Sintaks: event.x

Nota: Jika tetikus bergerak keluar dari tetingkap selepas peristiwa dicetuskan, nilai yang dikembalikan ialah -1 Ini ialah sifat baca sahaja.

Ini bermakna anda hanya boleh menggunakannya untuk mendapatkan kedudukan semasa tetikus, tetapi anda tidak boleh menggunakannya untuk menukar kedudukan tetikus.

21. y Penerangan: Mengembalikan koordinat paksi-y tetikus berbanding elemen induk dengan atribut kedudukan dalam atribut css.

Jika tiada elemen induk dengan atribut kedudukan dalam atribut css, elemen BODY akan digunakan sebagai objek rujukan secara lalai.

Sintaks: event.y

Nota: Jika tetikus bergerak keluar dari tetingkap selepas peristiwa dicetuskan, nilai yang dikembalikan ialah -1 Ini adalah sifat baca sahaja. Ini bermakna anda hanya boleh menggunakannya untuk mendapatkan kedudukan semasa tetikus, tetapi anda tidak boleh menggunakannya untuk menukar kedudukan tetikus.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Empat cara untuk melaksanakan penukaran tab dalam kemahiran javascript_javascriptArtikel seterusnya：Empat cara untuk melaksanakan penukaran tab dalam kemahiran javascript_javascript

Artikel berkaitan

Lihat lagi