onwheel ပွဲ
ဥပမာ
အသုံးပြုသူသည် <div> ဒြပ်စင်တစ်ခုပေါ်တွင် မောက်စ်ဘီးကို လှိမ့်လိုက်သောအခါ၊ ၎င်း၏ ဖောင့်အရွယ်အစားကို ပြောင်းလဲပါ-
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Mouse Wheel ကို ဒြပ်စင်တစ်ခုပေါ်မှ အပေါ် သို့မဟုတ် အောက်သို့ လှိမ့်လိုက်သောအခါတွင် ဘီးပေါက်သည့် ဖြစ်ရပ် ဖြစ်ပေါ်သည်။
touchpad (လက်ပ်တော့၏ "မောက်စ်" ကဲ့သို့) အသုံးပြုခြင်းဖြင့် ဒြပ်စင်တစ်ခုအား ပွတ်ဆွဲခြင်း သို့မဟုတ် ဇူးမ်ချဲ့ခြင်း သို့မဟုတ် ချဲ့ခြင်းများ ပြုလုပ်သည့်အခါတွင် ဘီးပေါက်သည့်ဖြစ်ရပ်လည်း ဖြစ်ပေါ်ပါသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
မှတ်ချက်- IE တွင်၊ wheel event ကို addEventListener() method ဖြင့်သာ ပံ့ပိုးထားသည်။ DOM အရာဝတ္ထုများတွင် onwheel ရည်ညွှန်းချက်မရှိပါ။
အထားအသို
HTML တွင်-
<element onwheel="myScript">
JavaScript တွင်-
object.onwheel = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("wheel", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | ဟုတ်ကဲ့ |
ပွဲအမျိုးအစား- | WheelEvent |
ပံ့ပိုးထားသော HTML တဂ်များ- | HTML အစိတ်အပိုင်းအားလုံး |
DOM ဗားရှင်း- | အဆင့် 3 ပွဲများ |