ገጾችን በሚፈጥሩበት ጊዜ አንዳንድ ጊዜ በገጹ ውስጥ በተቀመጠው ቁልፍ ላይ ጠቅ ሲያደርጉ በደራሲው የተቀረጹ አንዳንድ ክስተቶች በአሳሹ ውስጥ መከሰታቸው አስፈላጊ ነው ፡፡ ይህንን ለማድረግ በተፈጠረው ሰነድ ውስጥ የጃቫስክሪፕት ኮድ ማስቀመጥ እና ከሚፈለገው ቁልፍ ጋር ማያያዝ ያስፈልግዎታል። የታሰበውን ክስተት ለመተግበር በሚያስፈልገው የኮድ መጠን ላይ በመመርኮዝ አዝራሩን ከኮዱ ጋር ለማገናኘት የተለያዩ መንገዶችን መጠቀም ይችላሉ ፡፡
መመሪያዎች
ደረጃ 1
ብዙውን ጊዜ የጃቫ ስክሪፕት ኮድ ጥሪዎች ከ Onclick ክስተት ጋር የተቆራኙ ናቸው ፣ ማለትም በግራ የመዳፊት አዝራሩ ላይ ካለው ጠቅታ ጋር ነው ፡፡ መከሰት ያለበትን እርምጃ ለመግለጽ ብዙ ኮድ የማያስፈልጉ ከሆነ ከዚያ ሁሉም በቀጥታ በአዝራር መለያው ውስጥ ሊቀመጡ ይችላሉ። ለምሳሌ ፣ አንድ ቁልፍ ሲጫን ቀለል ያለ መልእክት ለማሳየት አሳሹን ፕሮግራም ለማዘጋጀት የጃቫስክሪፕት ስክሪፕት እንደዚህ ይመስላል: ማስጠንቀቂያ ('ኮድ ሰርቷል!') አንድ መግለጫ እና ጽሑፍ ብቻ ይወስዳል። ይህ ሁሉ በአዝራር መለያው onclick ክስተት መግለጫ ውስጥ በቀላሉ ሊቀመጥ ይችላል። በዚህ አጋጣሚ ፣ በጣም ቀላል የሆነው የገጹ የኤች.ቲ.ኤም.ኤል ኮድ እንደዚህ ሊመስል ይችላል
ቁልፍ ከቁጥር ጋር
ቁልፍ ከቁጥር ጋር
ደረጃ 2
ይበልጥ ውስብስብ የሆነውን የጃቫስክሪፕት ኮድ በቀጥታ በአዝራር መለያው ውስጥ ማስቀመጡ ተግባራዊ አይደለም። ከእሱ የተለየ ተግባር ማድረግ ቀላል ነው ፣ እና ጥሪውን በተራቀቀ ክስተት ውስጥ ያድርጉት። ለምሳሌ ፣ ይህ የአዝራር ጠቅታ ጊዜን የያዘ መስኮት የሚያሳይ ተግባር ሊመስል ይችላል-function getTime () {
var አሁን = አዲስ ቀን ();
ማስጠንቀቂያ ("ኮዱ በ" + now.getHours () +) ውስጥ ሠርቷል: "+ now.getMinutes ());
} በገጹ ራስጌ ውስጥ (በ እና በመለያዎቹ መካከል) መቀመጥ አለበት። ከአዝራሩ ጋር የተገናኘ ወደዚህ ተግባር ጥሪ ያለው የገጹ ሙሉ ኮድ የሚከተለውን ሊመስል ይችላል
የተግባር ጥሪ ቁልፍ
ተግባር getTime () {
var አሁን = አዲስ ቀን ();
ማስጠንቀቂያ ("ኮዱ በ" + now.getHours () +) ውስጥ ሠርቷል: "+ now.getMinutes ());
}
የተግባር ጥሪ ቁልፍ
ደረጃ 3
ብዙ የተለያዩ አዝራሮችን ጠቅ ሲያደርጉ ተመሳሳይ ዘዴ በተመሳሳይ ጃቫስክሪፕት ኮድ ሊገለፅ የሚችል ክስተት ማንሳት አለበት ፡፡ ለምሳሌ የተጫነው አዝራር መታወቂያ ወደ የመልዕክት ሳጥኑ ውስጥ ለመጨመር የቀደመውን ተግባር በትንሹ መለወጥ ይችላሉ ተግባር functionTime (btnString) {
var አሁን = አዲስ ቀን ();
ማስጠንቀቂያ (btnString + "ውስጥ ጠቅ አድርጓል" + now.getHours () + ":" + now.getMinutes ());
} ሶስት እንደዚህ ያሉ አዝራሮች ያሉት ገጽ የተሟላ ኮድ እንደዚህ ሊመስል ይችላል
የተግባር ጥሪ ያላቸው ሶስት አዝራሮች
ተግባር getTime (btnString) {
var አሁን = አዲስ ቀን ();
ማስጠንቀቂያ (btnString + "ውስጥ ጠቅ አድርጓል" + now.getHours () + ":" + now.getMinutes ());
}
የመጀመሪያ ቁልፍ
ሁለተኛ ቁልፍ
ሦስተኛው አዝራር
