በአሳሽ መስኮቱ ውስጥ ጠቋሚን ለማንቀሳቀስ ምላሽ ለመስጠት አንዳንድ እርምጃዎችን ፕሮግራም ለማዘጋጀት አንዳንድ ጊዜ የእሱን መጋጠሚያዎች መወሰን አስፈላጊ ነው ፡፡ ይህ በአሳሹ ውስጥ የሚከሰቱ ክስተቶችን የመከታተል ችሎታ ባለው ስክሪፕት ሊከናወን ይችላል። በደንበኛው በኩል ያለው የጃቫስክሪፕት ጽሑፍ ይህ ችሎታ አለው ፡፡ የዚህን ቋንቋ አቅም በመጠቀም የጠቋሚውን መጋጠሚያዎች ለማግኘት ከዚህ በታች አንደኛው ተገልጻል ፡፡
መመሪያዎች
ደረጃ 1
የጠቋሚውን ወቅታዊ መጋጠሚያዎች ለማግኘት የዝግጅት ነገር ባህሪያትን ይጠቀሙ ፡፡ ይህ ነገር የመዳፊት ጠቋሚውን መጋጠሚያዎች ለመወሰን አግባብነት ያላቸው አጠቃላይ የንብረቶች ስብስብ አለው። የ “LayerX” ንብረት ከአሁኑ ንብርብር ግራ ጠርዝ በፒክሴሎች የሚለካውን ርቀት እና LayerY ን ይ itsል - ከላይኛው ጠርዝ ተመሳሳይ ርቀት። እነዚህ ሁለት ባሕሪዎች ተመሳሳይ ቃላት አሏቸው - በክስተት-ላየርኤክስ ምትክ event.x ን መጻፍ ይችላሉ ፣ እና በክስተት-ፋንታ ይልቅ ፣ event.y ን መጻፍ ይችላሉ የገጽ X እና ገጽY ባህሪዎች ከአሳሹ መስኮቱ የላይኛው ግራ ጠርዝ ጋር ሲነፃፀር የጠቋሚውን አግድም እና ቀጥ ያለ መጋጠሚያዎች ይይዛሉ ፣ እና የ ‹XX› እና የ ‹YY› ባህሪዎች ከተቆጣጣሪው ማያ ገጽ ጋር ተመሳሳይ እሴቶችን ይይዛሉ ፡፡
ደረጃ 2
በኮድዎ ላይ የአሳሽ አይነትን በመፈተሽ ላይ ይጨምሩ እና በክስተቱ ነገር ላይ ከላይ ከተጠቀሱት ንብረቶች በተጨማሪ የደንበኛ እና የደንበኛ ባህሪያትን ይጠቀሙ ፡፡ ማይክሮሶፍት በኢንተርኔት ኤክስፕሎረር አሳሹ ውስጥ የተለየ የንብረት ስያሜ ስለሚጠቀም ይህ አስፈላጊ ነው ፡፡ መጋጠሚያዎችን ለመወሰን ሁለቱንም አቀራረቦችን ማዋሃድ ይችላሉ ፣ ለምሳሌ ፣ እንደዚህ
ከሆነ (evevnt.pageX || evevnt.pageY) {
መጋጠሚያ X = evevnt.pageX;
አስተባባሪY = evevnt.pageY;
}
ሌላ ከሆነ (evevnt.clientX || evevnt.clientY) {
አስተባባሪ X = evevnt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
አስተባባሪY = evevnt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
ደረጃ 3
በብጁ ተግባር ውስጥ የማስተባበርያ ፍቺውን ኮድ ያስቀምጡ። ለምሳሌ:
ተግባር GetMouse (evevnt) {
var መጋጠሚያ X = 0 ፣ መጋጠሚያY = 0;
ከሆነ (! evevnt) evevnt = window.event;
ከሆነ (evevnt.pageX || evevnt.pageY) {
መጋጠሚያ X = evevnt.pageX;
አስተባባሪY = evevnt.pageY;
}
ሌላ ከሆነ (evevnt.clientX || evevnt.clientY) {
አስተባባሪ X = evevnt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
አስተባባሪY = evevnt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
መመለስ {"coordX": coordinateX, "coordY": coordinateY};
}
ይህ ተግባር ሁለት የተሰየሙ ንጥረ ነገሮችን ስብስብ ይመልሳል ፣ አንደኛው (ከኮርድ ኤክስ ቁልፍ ጋር) የ X ማስተባበሪያውን ይይዛል ፣ ሁለተኛው (coordY) የ Y መጋጠሚያውን ይይዛል።
ደረጃ 4
ይህንን ተግባር በአንዳንድ ክስተቶች ላይ ይደውሉ - ለምሳሌ ፣ በሰነዱ ዐውደ-ጽሑፍ ውስጥ በመዳፊት እንቅስቃሴ (ኦንቶሞሞቭ) ላይ ፡፡ ከዚህ በታች ያለው ናሙና የመዳፊት መጋጠሚያዎችን ወደ የሁኔታ አሞሌ ለማውጣት አንድ ተግባር ይጠቀማል-
document.onmousemove = ተግባር (evevnt) {var CurCoord = GetMouse (evevnt); window.status = "coord X:" + CurCoord.coordX + "px, coord Y:" + CurCoord.coordY + "px";};
