DOM event
ડીઓએમ (ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડલ) ઇવેન્ટ્સ એ સંકેત છે કે કંઈક થયું છે, અથવા થઈ રહ્યું છે, અને વપરાશકર્તા ક્રિયાપ્રતિક્રિયાઓ દ્વારા અથવા બ્રાઉઝર દ્વારા ટ્રિગર થઈ શકે છે. ક્લાયન્ટ-સાઇડ સ્ક્રિપ્ટીંગ ભાષાઓ જેવી કે જાવાસ્ક્રિપ્ટ, જે. એસ. સ્ક્રિપ્ટ, વી. બી. એસ. સ્ક્રિપ્ટ અને જાવા, એચ. ટી. એમ. એલ., એક્સ. એચ. ટી. એમ. એલ., એક્સ. યુ. એલ. અને એસ. વી. જી. દસ્તાવેજો જેવા ડી. ઓ. એમ. વૃક્ષની અંદર એલિમેન્ટ નોડ્સ પર વિવિધ ઇવેન્ટ હેન્ડલર્સ અથવા શ્રોતાઓની નોંધણી કરી શકે છે. ડી. ઓ. એમ. ઘટનાઓના ઉદાહરણોઃ જ્યારે વપરાશકર્તા માઉસ પર ક્લિક કરે છે જ્યારે વેબ પૃષ્ઠ લોડ થાય છે જ્યારે છબી લોડ થાય છે જ્યારે માઉસ કોઈ તત્વ પર ફરે છે જ્યારે ઇનપુટ ક્ષેત્ર બદલાઈ જાય છે જ્યારે એચ. ટી. એમ. એલ. ફોર્મ સબમિટ કરવામાં આવે છે જ્યારે વપરાશકર્તા કી દબાવે છે ઐતિહાસિક રીતે, જેમ કે ડી. ઓ. એમ., વિવિધ વેબ બ્રાઉઝર્સ દ્વારા ઉપયોગમાં લેવાતા ઇવેન્ટ મોડેલોમાં કેટલાક નોંધપાત્ર તફાવતો હતા જે સુસંગતતાની સમસ્યાઓનું કારણ બને છે. આનો સામનો કરવા માટે, ડીઓએમ લેવલ 2 માં વર્લ્ડ વાઇડ વેબ કન્સોર્ટિયમ (ડબલ્યુ 3સી) દ્વારા ઇવેન્ટ મોડેલને પ્રમાણિત કરવામાં આવ્યું હતું. ઇવેન્ટ્સ એચટીએમએલ ઇવેન્ટ્સ સામાન્ય ઇવેન્ટ્સ ઇવેન્ટ્સનો વિશાળ સંગ્રહ છે જે મોટાભાગના એલિમેન્ટ નોડ્સ દ્વારા પેદા કરી શકાય છેઃ માઉસ ઇવેન્ટ્સ. કીબોર્ડ ઘટનાઓ. એચટીએમએલ ફ્રેમ/ઓબ્જેક્ટ ઇવેન્ટ્સ. એચ. ટી. એમ. એલ. ઘટનાઓ બનાવે છે. વપરાશકર્તા ઈન્ટરફેસ ઘટનાઓ. પરિવર્તનની ઘટનાઓ (દસ્તાવેજના માળખામાં કોઈપણ ફેરફારની સૂચના). પ્રગતિ ઘટનાઓ (એક્સ. એમ. એલ. એચ. ટી. ટી. પી. રીક્વેસ્ટ, ફાઇલ એપીઆઈ, દ્વારા વપરાય છે). નોંધ લો કે ઉપરનું ઇવેન્ટ વર્ગીકરણ બરાબર W3C ના વર્ગીકરણ જેવું નથી. નોંધ લો કે જે ઘટનાઓના નામ "ડીઓએમ" થી શરૂ થાય છે તે હાલમાં સારી રીતે સમર્થિત નથી, અને આ માટે અને અન્ય પ્રદર્શન કારણો માટે ડીઓએમ સ્તર 3 માં ડબલ્યુ 3સી દ્વારા નાપસંદ કરવામાં આવે છે. મોઝિલા અને ઓપેરા ડીઓએમએટીઆર મોડિફાઇડ, ડીઓએમએનઓડીઆઈન્સર્ટ, ડીઓએમએનઓડીઆરમેવ્ડ અને ડીઓએમસી કેરેક્ટરડેટા મોડિફાઇડને સપોર્ટ કરે છે. ક્રોમ અને સફારી આ ઇવેન્ટ્સને ટેકો આપે છે, સિવાય કે ડીઓએમએટીઆરમોડિફાઇડ. ટચ-સક્ષમ ઉપકરણો પર ચાલતા ટચ ઇવેન્ટ્સ વેબ બ્રાઉઝર્સ, જેમ કે એપલના આઇઓએસ અને ગૂગલના એન્ડ્રોઇડ, વધારાની ઇવેન્ટ્સ પેદા કરે છે. ડબલ્યુ3સી ડ્રાફ્ટ ભલામણમાં, ટચઇવેન્ટ ટચ સ્થાનોની ટચલીસ્ટ, સક્રિય હતી તેવી મોડિફાયર કીઓ, લક્ષિત ડીઓએમ તત્વની અંદર ટચ સ્થાનોની ટચલીસ્ટ અને અગાઉના ટચઇવેન્ટથી બદલાયેલા ટચ સ્થાનોની ટચલીસ્ટ પહોંચાડે છે. એપલ આ કાર્યકારી જૂથમાં જોડાયું ન હતું અને ભલામણ પ્રક્રિયામાં મોડેથી પેટન્ટ જાહેર કરીને તેના ટચ ઇવેન્ટ્સ સ્પષ્ટીકરણની W3C ભલામણમાં વિલંબ કર્યો હતો. પોઇન્ટર ઇવેન્ટ્સ માઉસ, ટચ પેનલ અને પેન સહિત વિવિધ પ્રકારના ઇનપુટ ઉપકરણોવાળા ઉપકરણો પરના વેબ બ્રાઉઝર્સ સંકલિત ઇનપુટ ઇવેન્ટ્સ પેદા કરી શકે છે. વપરાશકર્તાઓ જોઈ શકે છે કે કયા પ્રકારનું ઇનપુટ ઉપકરણ દબાવવામાં આવે છે, તે ઉપકરણ પર કયું બટન દબાવવામાં આવે છે અને જ્યારે સ્ટાઇલસ પેનની વાત આવે છે ત્યારે બટન કેટલું મજબૂત રીતે દબાવવામાં આવે છે. ઓક્ટોબર 2013 સુધીમાં, આ ઇવેન્ટ માત્ર ઈન્ટરનેટ એક્સપ્લોરર 10 અને 11 દ્વારા સમર્થિત છે. ઇન્ડી UI ઇવેન્ટ્સ હજુ સુધી ખરેખર અમલમાં આવી નથી, ઇન્ડી UI કાર્યકારી જૂથો વેબ એપ્લિકેશન વિકાસકર્તાઓને તેની સાથે મેળ ખાતી વિવિધ પ્લેટફોર્મ વિશિષ્ટ તકનીકી ઘટનાઓને હેન્ડલ કર્યા વિના પ્રમાણભૂત વપરાશકર્તા ક્રિયાપ્રતિક્રિયા ઘટનાઓને ટેકો આપવા માટે સક્ષમ થવા માંગે છે. ઉપયોગી ઇન્ટરફેસો લખવાનું મુશ્કેલ હોઈ શકે છે, ખાસ કરીને જ્યારે કોઈ એવું માને છે કે વપરાશકર્તા ઇન્ટરફેસ ડિઝાઇન પેટર્ન સોફ્ટવેર પ્લેટફોર્મ્સ, હાર્ડવેર અને સ્થાનોમાં અલગ છે, અને તે ક્રિયાપ્રતિક્રિયાઓને વ્યક્તિગત પસંદગીના આધારે વધુ કસ્ટમાઇઝ કરી શકાય છે. વ્યક્તિઓ તેમની પોતાની સિસ્ટમ પર ઇન્ટરફેસ જે રીતે કામ કરે છે તેનાથી ટેવાયેલા હોય છે, અને તેમનું પસંદગીનું ઇન્ટરફેસ વારંવાર વેબ એપ્લિકેશન લેખકના પસંદગીના ઇન્ટરફેસથી અલગ હોય છે. ઉદાહરણ તરીકે, વેબ એપ્લિકેશન લેખકો, છેલ્લી ક્રિયાને પૂર્વવત્ કરવાના વપરાશકર્તાના ઉદ્દેશને અટકાવવા ઈચ્છે છે, તેમણે નીચેની તમામ ઘટનાઓ માટે "સાંભળવાની" જરૂર છેઃ વિન્ડોઝ અને લિનક્સ પર કંટ્રોલ + ઝેડ. મેક ઓએસ એક્સ પર આદેશ + ઝેડ. કેટલાક મોબાઇલ ઉપકરણો પર શેક ઇવેન્ટ્સ. અગાઉની ક્રિયાને "પૂર્વવત્" કરવા માટે એક સામાન્ય વિનંતી સાંભળવી સરળ રહેશે. ઈન્ટરનેટ એક્સપ્લોરર-વિશિષ્ટ ઘટનાઓ સામાન્ય (W3C) ઘટનાઓ ઉપરાંત, ઈન્ટરનેટ એક્સપ્લોરર દ્વારા બે મુખ્ય પ્રકારની ઘટનાઓ ઉમેરવામાં આવે છે. કેટલીક ઘટનાઓને અન્ય બ્રાઉઝર્સ દ્વારા વાસ્તવિક ધોરણો તરીકે લાગુ કરવામાં આવી છે. ક્લિપબોર્ડ ઘટનાઓ. ડેટા બંધનકર્તા ઘટનાઓ. નોંધ લો કે મોઝિલા, સફારી અને ઓપેરા પણ એક્સ. એમ. એલ. એચ. ટી. ટી. પી. રીક્વેસ્ટ ઑબ્જેક્ટ માટે રેડીસ્ટેટચેન્જ ઇવેન્ટને સપોર્ટ કરે છે. મોઝિલા પરંપરાગત ઇવેન્ટ નોંધણી પદ્ધતિ (ડીઓએમ લેવલ 0) નો ઉપયોગ કરીને પ્રી-અનલોડ ઇવેન્ટને પણ સપોર્ટ કરે છે. મોઝિલા અને સફારી પણ સંદર્ભ મેનૂને સપોર્ટ કરે છે, પરંતુ મેક માટે ઈન્ટરનેટ એક્સપ્લોરર નથી કરતું. નોંધ લો કે ફાયરફોક્સ 6 અને પછીની આવૃત્તિઓ પ્રીપ્રિન્ટ અને આફ્ટરપ્રિન્ટ ઇવેન્ટ્સને સપોર્ટ કરે છે. સામાન્ય (ડબલ્યુ3સી) ઘટનાઓ ઉપરાંત, મોઝિલાએ ઘટનાઓના સમૂહને વ્યાખ્યાયિત કર્યો છે જે ફક્ત એક્સયુએલ ઘટકો સાથે કામ કરે છે. અન્ય કાર્યક્રમો મોઝિલા અને ઓપેરા 9 માટે, ડીઓએમસીઓન્ટેન્ટલોડેડ અને ડીઓએમફ્રેમકૉન્ટેન્ટલોડેડ તરીકે ઓળખાતી બિનદસ્તાવેજીકૃત ઘટનાઓ પણ છે જે ડીઓએમ સામગ્રી લોડ થાય ત્યારે શરૂ થાય છે. આ "લોડ" કરતા અલગ છે કારણ કે તેઓ સંબંધિત ફાઇલો (દા. ત., છબીઓ) લોડ કરતા પહેલા ફાયર કરે છે. જો કે, એચટીએમએલ 5 સ્પષ્ટીકરણમાં ડીઓએમસીઓન્ટેન્ટલોડેડ ઉમેરવામાં આવ્યું છે. વેબકિટ રેન્ડરિંગ એન્જિન બિલ્ડ 500 + માં પણ ડીઓએમસીન્ટેન્ટલોડેડ ઇવેન્ટનો અમલ કરવામાં આવ્યો હતો. આ ગૂગલ ક્રોમ અને સફારી 3.1 + ની તમામ આવૃત્તિઓ સાથે સંબંધિત છે. ઇન્ટરનેટ એક્સપ્લોરર 9માં પણ ડીઓએમસીઓન્ટેન્ટલોડેડ લાગુ કરવામાં આવ્યું છે. ઓપેરા 9 વેબ ફોર્મ્સ 2 ઇવેન્ટ્સ ડીઓએમસીન્ટ્રોલ વેલ્યુચેન્જ્ડ, અમાન્ય, ફોર્મઇનપુટ અને ફોર્મચેન્જને પણ સપોર્ટ કરે છે. ઘટના પ્રવાહ પરિસ્થિતિને ધ્યાનમાં લો જ્યારે બે ઘટના લક્ષ્યો વૃક્ષમાં ભાગ લે છે. બંને પાસે ઇવેન્ટ શ્રોતાઓ એક જ ઇવેન્ટ પ્રકાર પર નોંધાયેલા છે, જેમ કે "ક્લિક કરો". જ્યારે વપરાશકર્તા આંતરિક તત્વ પર ક્લિક કરે છે, ત્યારે તેને હેન્ડલ કરવાની બે સંભવિત રીતો છેઃ તત્વોને બાહ્યથી આંતરિક તરફ ટ્રિગર કરો (ઇવેન્ટ કેપ્ચરિંગ). આ મોડેલ નેટસ્કેપ નેવિગેટરમાં લાગુ કરવામાં આવ્યું છે. તત્વોને આંતરિકથી બાહ્ય તરફ દોરી દો (ઘટના પર પરપોટા). આ મોડેલ ઇન્ટરનેટ એક્સપ્લોરર અને અન્ય બ્રાઉઝર્સમાં લાગુ કરવામાં આવ્યું છે. W3C આ સંઘર્ષમાં મધ્યમ સ્થાન લે છે. ડબલ્યુ3સી અનુસાર, ઇવેન્ટ્સ ત્રણ તબક્કાઓમાંથી પસાર થાય છે જ્યારે ઇવેન્ટ લક્ષ્ય વૃક્ષમાં ભાગ લે છેઃ કેપ્ચર તબક્કોઃ ઇવેન્ટ મૂળ ઇવેન્ટ લક્ષ્યથી ઇવેન્ટના લક્ષ્ય સુધી નીચે જાય છે લક્ષ્ય તબક્કોઃ ઇવેન્ટ લક્ષ્યમાંથી પસાર થાય છે બબલ તબક્કો (વૈકલ્પિક): ઇવેન્ટ ઇવેન્ટના લક્ષ્યથી મૂળ ઇવેન્ટ લક્ષ્ય સુધી પાછા ફરે છે. બબલ તબક્કો ફક્ત એવી ઘટનાઓ માટે જ થશે કે જે બબલ (જ્યાં event.bubbles = = સાચું હોય) તમે આ ઇવેન્ટ ફ્લોની વિઝ્યુલાઇઝેશન https://domevents.dev સ્ટોપિંગ ઇવેન્ટ્સ પર શોધી શકો છો જ્યારે કોઈ ઇવેન્ટ ઇવેન્ટ શ્રોતાઓ દ્વારા મુસાફરી કરી રહી હોય, ત્યારે ઇવેન્ટને event.stopPropagation () અથવા event.stopImmediatePropagation () event.stopPropagation () સાથે રોકી શકાય છેઃ વર્તમાન ઇવેન્ટ તબક્કામાં વર્તમાન ઇવેન્ટ લક્ષ્ય સાથે જોડાયેલા તમામ ઇવેન્ટ શ્રોતાઓ event.stopImmediatePropagation () સમાપ્ત થયા પછી ઇવેન્ટ બંધ કરવામાં આવે છેઃ ઇવેન્ટ તરત જ બંધ કરવામાં આવે છે અને આગળ કોઈ ઇવેન્ટ શ્રોતાઓ ચલાવવામાં આવતા નથી જ્યારે ઇવેન્ટ બંધ કરવામાં આવે છે ત્યારે તે હવે ઇવેન્ટ પાથ સાથે મુસાફરી કરશે નહીં. ઇવેન્ટને અટકાવવાથી ઇવેન્ટ રદ થતી નથી. ઇવેન્ટને રોકવા માટે વારસાની પદ્ધતિઓ event.cancelBubble ને સાચું (ઇન્ટરનેટ એક્સપ્લોરર) સુયોજિત કરો event.returnValue ગુણધર્મને ખોટી રદ કરવાની ઘટનાઓમાં સુયોજિત કરો રદ કરી શકાય તેવી ઇવેન્ટને event.preventDefault () પર ફોન કરીને રદ કરી શકાય છે. ઇવેન્ટને રદ કરવાથી તે ઇવેન્ટ માટે ડિફોલ્ટ બ્રાઉઝર વર્તણૂકમાંથી બહાર નીકળી જશે. જ્યારે ઇવેન્ટ રદ કરવામાં આવે છે, ત્યારે event.defaultPrevented પ્રોપર્ટીને ટ્રુ પર સેટ કરવામાં આવશે. ઇવેન્ટને રદ કરવાથી ઇવેન્ટને ઇવેન્ટ પાથ સાથે મુસાફરી કરવાથી રોકવામાં આવશે નહીં. ઇવેન્ટ ઓબ્જેક્ટ ઇવેન્ટ ઓબ્જેક્ટ ચોક્કસ ઇવેન્ટ વિશે ઘણી માહિતી પ્રદાન કરે છે, જેમાં લક્ષ્ય તત્વ, કી દબાવવામાં આવે છે, માઉસ બટન દબાવવામાં આવે છે, માઉસ સ્થિતિ વગેરે વિશેની માહિતી શામેલ છે. કમનસીબે, આ ક્ષેત્રમાં બ્રાઉઝરની ખૂબ જ ગંભીર અસંગતતાઓ છે. તેથી આ લેખમાં ફક્ત W3C ઇવેન્ટ ઓબ્જેક્ટની ચર્ચા કરવામાં આવી છે. ઇવેન્ટ હેન્ડલિંગ મોડેલ્સ ડીઓએમ લેવલ 0 આ ઇવેન્ટ હેન્ડલિંગ મોડેલ નેટસ્કેપ નેવિગેટર દ્વારા રજૂ કરવામાં આવ્યું હતું, અને તે સૌથી ક્રોસ-બ્રાઉઝર મોડેલ છે. બે મોડેલ પ્રકારો છેઃ ઇનલાઇન મોડેલ અને પરંપરાગત મોડેલ. ઇનલાઇન મોડેલ ઇનલાઇન મોડેલમાં, ઇવેન્ટ હેન્ડલર્સને તત્વોના લક્ષણો તરીકે ઉમેરવામાં આવે છે. નીચે આપેલા ઉદાહરણમાં, હાયપરલિંક પર ક્લિક કર્યા પછી "હે જૉ" સંદેશ સાથેનું ચેતવણી સંવાદ બોક્સ દેખાય છે. ડિફોલ્ટ ક્લિક ક્રિયા ઇવેન્ટ હેન્ડલરમાં ખોટી પરત કરીને રદ કરવામાં આવે છે. <! ડૉકટાઇપ એચ. ટી. એમ. એલ.> <એચ. ટી. એમ. એલ. લેંગ = "એન"> <હેડ> <મેટા ચારસેટ = "યુ. ટી. એફ.-8"> <શીર્ષક> ઇનલાઇન ઇવેન્ટ હેન્ડલિંગ </શીર્ષક> <હેડ> <બોડી> <એચ1> ઇનલાઇન ઇવેન્ટ હેન્ડલિંગ </એચ1> <પી> અરે <એ એચ. આર. ઇ. એફ. = "<આઇ. ડી. 1>" ઓનક્લિક = "ટ્રિગરઅલર્ટ ('જો'); ફોલ્સ રીટર્ન;"> જો </એ>! </પી> <સ્ક્રિપ્ટ> ફંક્શન ટ્રિગરઅલર્ટ (નામ) {<આઇ. ડી. 2> ("હે" + નામ);} </સ્ક્રિપ્ટ> </બોડી> </એચ. ટી. એમ. એલ.> એક સામાન્ય ખોટો ખોટો ટ્રિગરઅલર્ટ કાર્યમાં નામ. જ્યારે એવું લાગે છે કે ઉપરના ઉદાહરણમાં એવું જ છે, ત્યારે ખરેખર જે થઈ રહ્યું છે તે એ છે કે બ્રાઉઝરનું જાવાસ્ક્રિપ્ટ એન્જિન એક અનામી કાર્ય બનાવે છે જેમાં ઓનક્લિક લક્ષણમાં નિવેદનો હોય છે. તત્વનું ઑનક્લિક હેન્ડલર નીચેના અનામી ફંક્શન સાથે બંધાયેલ હશેઃ ફંક્શન () {ટ્રિગરઅલર્ટ ('જૉ'); રિટર્ન ફોલ્સ;} જાવાસ્ક્રિપ્ટ ઇવેન્ટ મોડેલની આ મર્યાદા સામાન્ય રીતે ઇવેન્ટ હેન્ડલરના ફંક્શન ઓબ્જેક્ટને વિશેષતાઓ સોંપીને અથવા ક્લોઝર્સનો ઉપયોગ કરીને દૂર કરવામાં આવે છે. પરંપરાગત મોડેલ પરંપરાગત મોડેલમાં, ઇવેન્ટ હેન્ડલર્સને સ્ક્રિપ્ટ્સ દ્વારા ઉમેરી અથવા દૂર કરી શકાય છે. ઇનલાઇન મોડેલની જેમ, દરેક ઇવેન્ટમાં માત્ર એક જ ઇવેન્ટ હેન્ડલર નોંધાયેલ હોઈ શકે છે. એલિમેન્ટ ઓબ્જેક્ટના ઇવેન્ટ પ્રોપર્ટીને હેન્ડલરનું નામ સોંપીને ઇવેન્ટ ઉમેરવામાં આવે છે. ઇવેન્ટ હેન્ડલરને દૂર કરવા માટે, ફક્ત પ્રોપર્ટીને નલ પર સેટ કરોઃ <! ડૉકટાઇપ એચટીએમએલ> <એચટીએમએલ લેંગ = "એન"> <હેડ> <મેટા ચારસેટ = "યુટીએફ-8"> <શીર્ષક> પરંપરાગત ઇવેન્ટ હેન્ડલિંગ </હેડ> <બોડી> <એચ1> પરંપરાગત ઇવેન્ટ હેન્ડલિંગ </એચ1> <પી> હે જૉ! </પી> <સ્ક્રિપ્ટ> ટ્રિગર વારઅલર્ટ = ફંક્શન () {window.alert ("હે જૉ");};// ઇવેન્ટ હેન્ડલરને સોંપો document.onclick = ટ્રિગરઅલર્ટ;// અન્ય ઇવેન્ટ હેન્ડલરને સોંપો window.onload = ટ્રિગરઅલર્ટ;// દૂર કરો ');};} (નામ); આંતરિક કાર્યો તેમના અવકાશને જાળવી રાખે છે. ડી. ઓ. એમ. સ્તર 2 ડબલ્યુ. 3. સી. એ ડી. ઓ. એમ. સ્તર 2 માં વધુ લવચીક ઇવેન્ટ હેન્ડલિંગ મોડેલ તૈયાર કર્યું છે. જાણવા માટે કેટલીક ઉપયોગી બાબતોઃ ઇવેન્ટને પરપોટાથી રોકવા માટે, વિકાસકર્તાઓએ ઇવેન્ટ ઓબ્જેક્ટની સ્ટોપપ્રોપેગેશન () પદ્ધતિ પર કૉલ કરવો આવશ્યક છે. ઇવેન્ટની ડિફોલ્ટ ક્રિયાને રોકવા માટે, વિકાસકર્તાઓએ ઇવેન્ટ ઓબ્જેક્ટની નિવારણ ડિફોલ્ટ () પદ્ધતિને કૉલ કરવી આવશ્યક છે. પરંપરાગત મોડેલથી મુખ્ય તફાવત એ છે કે એક જ ઇવેન્ટ માટે બહુવિધ ઇવેન્ટ હેન્ડલર્સની નોંધણી કરી શકાય છે. યુઝકેપ્ચર વિકલ્પનો ઉપયોગ એ સ્પષ્ટ કરવા માટે પણ થઈ શકે છે કે હેન્ડલરને પરપોટાના તબક્કાને બદલે કેપ્ચર તબક્કામાં બોલાવવો જોઈએ. આ મોડેલ મોઝિલા, ઓપેરા, સફારી, ક્રોમ અને કોન્કરર દ્વારા સમર્થિત છે. પરંપરાગત મોડેલમાં વપરાતા ઉદાહરણનું પુનર્લેખન <! ડૉકટાઇપ એચટીએમએલ> <એચટીએમએલ લેંગ = "એન"> <હેડ> <મેટા ચારસેટ = "યુટીએફ-8"> <શીર્ષક> ડીઓએમ સ્તર 2 </શીર્ષક> </હેડ> <બોડી> <એચ1> ડીઓએમ સ્તર 2 </એચ1> <પી> હેય જો! </પી> <સ્ક્રિપ્ટ> વર હેય જો = ફંક્શન () {window.alert ("હેય જો! ");}// ઇવેન્ટ હેન્ડલર ઉમેરો document.addEventListener (" ક્લિક કરો ", હેયજો, સાચું);// કેપ્ચર તબક્કો// અન્ય ઇવેન્ટ હેન્ડલર ઉમેરો window.addEventListener (" લોડ કરો ", હેયજો, ખોટું);// બબ્લિંગ તબક્કો// ઇવેન્ટ હેન્ડલરને દૂર કરો હમણાં જ ઉમેર્યું window.removeEventListener (" લોડ કરો ", હેયજો, ખોટું); <// સ્ક્રિપ્ટ> </બોડી> <// એચટીએમએલ> ઈન્ટરનેટ એક્સપ્લોરર-વિશિષ્ટ મોડેલ માઇક્રોસોફ્ટ ઈન્ટરનેટ એક્સપ્લોરર વર્ઝન 8 પહેલાં W3C મોડેલને અનુસરતું નથી, કારણ કે તેનું પોતાનું મોડેલ W3C સ્ટાન્ડર્ડની બહાલી પહેલાં બનાવવામાં આવ્યું હતું. ઇન્ટરનેટ એક્સપ્લોરર 9 ડીઓએમ લેવલ 3 ઇવેન્ટ્સને અનુસરે છે, અને ઇન્ટરનેટ એક્સપ્લોરર 11 માઇક્રોસોફ્ટ-વિશિષ્ટ મોડેલ માટે તેના સપોર્ટને કાઢી નાખે છે. જાણવા માટે કેટલીક ઉપયોગી બાબતોઃ ઇવેન્ટમાં ઘોંઘાટ ન થાય તે માટે, વિકાસકર્તાઓએ ઇવેન્ટની cancelBubble પ્રોપર્ટીને સેટ કરવી આવશ્યક છે. કૉલ કરવા માટેની ઇવેન્ટની ડિફોલ્ટ ક્રિયાને રોકવા માટે, વિકાસકર્તાઓએ ઇવેન્ટની રીટર્ન વેલ્યુ પ્રોપર્ટી સેટ કરવી આવશ્યક છે. આ મુખ્ય શબ્દ વૈશ્વિક વિન્ડો ઓબ્જેક્ટનો સંદર્ભ આપે છે. ફરીથી, આ મોડેલ પરંપરાગત મોડેલથી અલગ છે જેમાં એક જ ઇવેન્ટ માટે બહુવિધ ઇવેન્ટ હેન્ડલર્સની નોંધણી કરી શકાય છે. જો કે યુઝકેપ્ચર વિકલ્પનો ઉપયોગ એ સ્પષ્ટ કરવા માટે કરી શકાતો નથી કે હેન્ડલરને કેપ્ચર તબક્કામાં બોલાવવો જોઈએ. આ મોડેલ માઈક્રોસોફ્ટ ઈન્ટરનેટ એક્સપ્લોરર અને ટ્રાઇડન્ટ આધારિત બ્રાઉઝર્સ (દા. ત.) દ્વારા સમર્થિત છે. મેક્સથોન, અવંત બ્રાઉઝર). જૂના ઈન્ટરનેટ એક્સપ્લોરર-વિશિષ્ટ મોડલ <! ડૉક્ટાઇપ એચટીએમએલ> <એચટીએમએલ લેંગ = "એન"> <હેડ> <મેટા ચારસેટ = "યુટીએફ-8"> <શીર્ષક> ઈન્ટરનેટ એક્સપ્લોરર-વિશિષ્ટ મોડલ </શીર્ષક> </હેડ> <બોડી> <એચ1> ઈન્ટરનેટ એક્સપ્લોરર-વિશિષ્ટ મોડલ </એચ1> <પી> હેય જૉ! ");}// ઇવેન્ટ હેન્ડલર ઉમેરો document.attachEvent (" ઓનક્લિક કરો ", હેયજો);// અન્ય ઇવેન્ટ હેન્ડલર ઉમેરો window.attachEvent (" ઓનલોડ ", હેયજો);// હમણાં જ ઉમેરાયેલા ઇવેન્ટ હેન્ડલરને દૂર કરો window.detachEvent (" ઓનલોડ ", હેયજો); </સ્ક્રિપ્ટ> </બોડી> </એચટીએમએલ> સંદર્ભો વધુ વાંચન ડીટેલ, હાર્વે. (2002). ઇન્ટરનેટ અને વર્લ્ડ વાઇડ વેબઃ કેવી રીતે પ્રોગ્રામ કરવો (બીજી આવૃત્તિ). મોઝિલા સંસ્થા. (2009). ડી. ઓ. એમ. ઘટના સંદર્ભ. મેળવેલ ઓગસ્ટ 25,2009. ક્વિર્ક્સમોડ (2008). ઘટના સુસંગતતા કોષ્ટકો. મેળવેલ નવેમ્બર 27,2008. http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone બાહ્ય કડીઓ ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડલ (ડીઓએમ) લેવલ 2 ઇવેન્ટ્સ સ્પષ્ટીકરણ ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડલ (ડીઓએમ) લેવલ 3 ઇવેન્ટ્સ વર્કિંગ ડ્રાફ્ટ ડીઓએમ 4: ઇવેન્ટ્સ (એડિટરનો ડ્રાફ્ટ) યુઆઈ ઇવેન્ટ્સ વર્કિંગ ડ્રાફ્ટ પોઇન્ટર ઇવેન્ટ્સ ડબલ્યુ 3સી ઉમેદવાર ભલામણ એમએસડીએન પોઇન્ટરઇવન્ટ domevents.dev-ઇવેન્ટ બબ્લિંગ અને વર્લ્ડ વાઇડ વેબ કન્સોર્ટિયમ સ્ટાન્ડર્ડ્સ કેપ્ચરિંગ માટે એક્સપ્લોરેશન જેએસ ફિડલ દ્વારા ડીઓએમ ઇવેન્ટ્સ વિશે જાણવા માટેનું વિઝ્યુલાઇઝર એપ્લિકેશન પ્રોગ્રામિંગ ઇન્ટરફેસ ઇવેન્ટ્સ (કમ્પ્યુટિંગ)