Langkau ke kandungan

Peluncur ​

Peluncur mendatar. Nilainya ialah peratus dari 0.0 hingga 1.0; ia bertindak balas terhadap klik pada titik tepat, kekunci anak panah dan Home/End.

Komponen a-sxr-slider ​

Sifat ​

SifatPeneranganNilai Lalai
active-colorWarna bahagian aktif (berisi) landasan#2563EB
background-colorWarna latar belakang landasan#F1F5F9
border-colorWarna bahagian tidak aktif landasan#1B1B1F
handle-colorWarna pemegang#F1F5F9
handle-outer-radiusJejari luar pemegang0.17
handle-inner-radiusJejari dalam pemegang0.13
handle-outer-depthKedalaman pemegang luar0.04
handle-inner-depthKedalaman pemegang dalam0.02
heightTinggi item1
hover-colorWarna pemegang semasa hover#0EA5E9
keyboard-stepPeratus ditambah/dikurangkan bagi setiap tekanan kekunci anak panah apabila difokuskan0.05
keyKekunci pintasan teks yang mengaktifkan widget (cth. 'e')
key-codeKekunci pintasan angka lama (cth. 13 untuk Enter)-1
left-right-paddingPadding yang digunakan pada lebar landasan0.25
marginMargin di sekeliling item0 0 0 0
onclickFungsi Javascript untuk dilaksanakan semasa klik
onhoverFungsi Javascript untuk dilaksanakan semasa hover
percentNilai peluncur semasa, dari 0.0 hingga 1.00.5
slider-bar-depthKedalaman landasan peluncur0.03
slider-bar-heightTinggi landasan peluncur0.05
top-bottom-paddingPadding yang digunakan pada tinggi landasan0.125
widthLebar item1
html
<a-sxr-slider
	width="2.5" height="0.75"
	onclick="slideActionFunction"
	percent="0.29"
	margin="0 0 0.05 0"
>
</a-sxr-slider>

Tandatangan panggil balik ​

Panggil balik onclick menerima (event, percent):

js
function slideActionFunction(event, percent) {
  console.log('slider moved to', percent)
}

Papan kekunci ​

KekunciTindakan
← →Ubah sebanyak keyboard-step (0.05 secara lalai)
↑ ↓Ubah sebanyak keyboard-step
HomeLompat ke 0
EndLompat ke 1

aria-valuenow mengikut percent.

Pengawal VR ​

Peristiwa click pengawal membawa persilangan sinar, jadi laser VR menetapkan peluncur pada titik tepat yang terkena sinar. Lihat Pengawal VR.