DOM event
ಡಿ. ಓ. ಎಂ. (ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್) ಘಟನೆಗಳು ಏನನ್ನಾದರೂ ಸಂಭವಿಸಿವೆ, ಅಥವಾ ಸಂಭವಿಸುತ್ತಿವೆ ಮತ್ತು ಬಳಕೆದಾರರ ಸಂವಹನಗಳಿಂದ ಅಥವಾ ಬ್ರೌಸರ್ನಿಂದ ಪ್ರಚೋದಿಸಬಹುದು ಎಂಬ ಸಂಕೇತವಾಗಿದೆ. ಕ್ಲೈಂಟ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಭಾಷೆಗಳಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಜೆಸ್ಕ್ರಿಪ್ಟ್, ವಿ. ಬಿ. ಎಸ್. ಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಜಾವಾಗಳು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್, ಎಕ್ಸ್. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್, ಎಕ್ಸ್. ಯು. ಎಲ್ ಮತ್ತು ಎಸ್. ವಿ. ಜಿ ಡಾಕ್ಯುಮೆಂಟ್ಗಳಂತಹ ಡಿ. ಓ. ಎಂ. ಮರದೊಳಗಿನ ಎಲಿಮೆಂಟ್ ನೋಡ್ಗಳಲ್ಲಿ ವಿವಿಧ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ಗಳು ಅಥವಾ ಕೇಳುಗರನ್ನು ನೋಂದಾಯಿಸಬಹುದು. ಡಿ. ಓ. ಎಂ. ಘಟನೆಗಳ ಉದಾಹರಣೆಗಳುಃ ಬಳಕೆದಾರರು ಮೌಸ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ವೆಬ್ ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ ಚಿತ್ರವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ ಮೌಸ್ ಒಂದು ಅಂಶದ ಮೇಲೆ ಚಲಿಸಿದಾಗ ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರವನ್ನು ಬದಲಾಯಿಸಿದಾಗ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಿದಾಗ ಬಳಕೆದಾರರು ಕೀಲಿಯನ್ನು ಒತ್ತಿದಾಗ ಐತಿಹಾಸಿಕವಾಗಿ, ಡಿ. ಓ. ಎಂ. ನಂತಹ, ವಿವಿಧ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಬಳಸುವ ಈವೆಂಟ್ ಮಾದರಿಗಳು ಹೊಂದಾಣಿಕೆಯ ಸಮಸ್ಯೆಗಳಿಗೆ ಕಾರಣವಾದ ಕೆಲವು ಗಮನಾರ್ಹ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಹೊಂದಿದ್ದವು. ಇದನ್ನು ಎದುರಿಸಲು, ಈವೆಂಟ್ ಮಾದರಿಯನ್ನು ಡಿಒಎಂ ಲೆವೆಲ್ 2ರಲ್ಲಿ ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್ ಕನ್ಸೋರ್ಟಿಯಂ (ಡಬ್ಲ್ಯು3ಸಿ) ಪ್ರಮಾಣೀಕರಿಸಿತು. ಘಟನೆಗಳು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಘಟನೆಗಳು ಸಾಮಾನ್ಯ ಘಟನೆಗಳು ಹೆಚ್ಚಿನ ಎಲಿಮೆಂಟ್ ನೋಡ್ಗಳಿಂದ ರಚಿಸಬಹುದಾದ ಘಟನೆಗಳ ದೊಡ್ಡ ಸಂಗ್ರಹವಿದೆಃ ಮೌಸ್ ಘಟನೆಗಳು. ಕೀಬೋರ್ಡ್ ಘಟನೆಗಳು. ಎಚ್ಟಿಎಮ್ಎಲ್ ಫ್ರೇಮ್/ಆಬ್ಜೆಕ್ಟ್ ಘಟನೆಗಳು. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಈವೆಂಟ್ಗಳನ್ನು ರೂಪಿಸುತ್ತದೆ. ಬಳಕೆದಾರ ಅಂತರಸಂಪರ್ಕ ಘಟನೆಗಳು. ರೂಪಾಂತರದ ಘಟನೆಗಳು (ಡಾಕ್ಯುಮೆಂಟ್ನ ರಚನೆಯಲ್ಲಿ ಯಾವುದೇ ಬದಲಾವಣೆಗಳ ಅಧಿಸೂಚನೆ). ಪ್ರೋಗ್ರೆಸ್ ಈವೆಂಟ್ಗಳು (XMLHttpReಕ್ವೆಸ್ಟ್, ಫೈಲ್ API, ನಿಂದ ಬಳಸಲ್ಪಡುತ್ತವೆ). ಮೇಲಿನ ಈವೆಂಟ್ ವರ್ಗೀಕರಣವು ನಿಖರವಾಗಿ W3Cಯ ವರ್ಗೀಕರಣದಂತೆಯೇ ಇಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸಿ. "ಡಿಓಎಂ" ನಿಂದ ಪ್ರಾರಂಭವಾಗುವ ಘಟನೆಗಳು ಪ್ರಸ್ತುತ ಉತ್ತಮವಾಗಿ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸಿ, ಮತ್ತು ಇದಕ್ಕಾಗಿ ಮತ್ತು ಇತರ ಕಾರ್ಯಕ್ಷಮತೆಯ ಕಾರಣಗಳಿಗಾಗಿ ಡಿಓಎಂ ಮಟ್ಟ 3 ರಲ್ಲಿ ಡಬ್ಲ್ಯೂ3ಸಿ ನಿಂದ ಅಸಮ್ಮತಿಗೊಂಡಿದೆ. ಮೊಜಿಲ್ಲಾ ಮತ್ತು ಒಪೇರಾ ಡಿ. ಓ. ಎಂ. ಏ. ಟಿ. ಆರ್. ಮೋಡಿಫೈಡ್, ಡಿ. ಓ. ಎಂ. ನೋಡ್ಇನ್ಸರ್ಟ್, ಡಿ. ಓ. ಎಂ. ನೋಡ್ ರಿಮೂವ್ ಮತ್ತು ಡಿ. ಓ. ಎಂ. ಸಿ. ಕ್ಯಾರೆಕ್ಟರ್ ಡೇಟಾ ಮೋಡಿಫೈಡ್ ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ. ಕ್ರೋಮ್ ಮತ್ತು ಸಫಾರಿ ಈ ಈವೆಂಟ್ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ, ಡೊಮೆಟ್ರ್ಮೊಡಿಫೈಡ್ ಹೊರತುಪಡಿಸಿ. ಆಪಲ್ನ ಐಒಎಸ್ ಮತ್ತು ಗೂಗಲ್ನ ಆಂಡ್ರಾಯ್ಡ್ನಂತಹ ಸ್ಪರ್ಶ-ಶಕ್ತಗೊಂಡ ಸಾಧನಗಳಲ್ಲಿ ಚಾಲನೆಯಲ್ಲಿರುವ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಹೆಚ್ಚುವರಿ ಈವೆಂಟ್ಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತವೆ. ಡಬ್ಲ್ಯೂ3ಸಿ ಕರಡು ಶಿಫಾರಸಿನಲ್ಲಿ, ಟಚ್ಇವೆಂಟ್ ಟಚ್ ಸ್ಥಳಗಳ ಟಚ್ಲಿಸ್ಟ್, ಸಕ್ರಿಯವಾಗಿದ್ದ ಮಾರ್ಪಾಡು ಕೀಲಿಗಳು, ಉದ್ದೇಶಿತ ಡಿಒಎಂ ಅಂಶದೊಳಗಿನ ಟಚ್ ಸ್ಥಳಗಳ ಟಚ್ಲಿಸ್ಟ್ ಮತ್ತು ಹಿಂದಿನ ಟಚ್ಇವೆಂಟ್ನಿಂದ ಬದಲಾದ ಟಚ್ ಸ್ಥಳಗಳ ಟಚ್ಲಿಸ್ಟ್ ಅನ್ನು ನೀಡುತ್ತದೆ. ಆಪಲ್ ಈ ಕಾರ್ಯನಿರತ ಗುಂಪಿಗೆ ಸೇರಲಿಲ್ಲ, ಮತ್ತು ಶಿಫಾರಸು ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ತಡವಾಗಿ ಪೇಟೆಂಟ್ಗಳನ್ನು ಬಹಿರಂಗಪಡಿಸುವ ಮೂಲಕ ಅದರ ಟಚ್ ಈವೆಂಟ್ಸ್ ನಿರ್ದಿಷ್ಟತೆಯ ಡಬ್ಲ್ಯೂ3ಸಿ ಶಿಫಾರಸನ್ನು ವಿಳಂಬಗೊಳಿಸಿತು. ಪಾಯಿಂಟರ್ ಈವೆಂಟ್ಗಳು ಮೌಸ್, ಟಚ್ ಪ್ಯಾನೆಲ್ ಮತ್ತು ಪೆನ್ ಸೇರಿದಂತೆ ವಿವಿಧ ರೀತಿಯ ಇನ್ಪುಟ್ ಸಾಧನಗಳನ್ನು ಹೊಂದಿರುವ ಸಾಧನಗಳಲ್ಲಿನ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಸಮಗ್ರ ಇನ್ಪುಟ್ ಈವೆಂಟ್ಗಳನ್ನು ಉತ್ಪಾದಿಸಬಹುದು. ಯಾವ ರೀತಿಯ ಇನ್ಪುಟ್ ಸಾಧನವನ್ನು ಒತ್ತಲಾಗುತ್ತದೆ, ಆ ಸಾಧನದಲ್ಲಿ ಯಾವ ಗುಂಡಿಯನ್ನು ಒತ್ತಲಾಗುತ್ತದೆ ಮತ್ತು ಸ್ಟೈಲಸ್ ಪೆನ್ನಿಗೆ ಬಂದಾಗ ಗುಂಡಿಯನ್ನು ಎಷ್ಟು ಬಲವಾಗಿ ಒತ್ತಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ಬಳಕೆದಾರರು ನೋಡಬಹುದು. ಅಕ್ಟೋಬರ್ 2013 ರಂತೆ, ಈ ಈವೆಂಟ್ ಅನ್ನು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 10 ಮತ್ತು 11 ಮಾತ್ರ ಬೆಂಬಲಿಸುತ್ತದೆ. ಇಂಡೀ ಯುಐ ಈವೆಂಟ್ಗಳನ್ನು ಇನ್ನೂ ನಿಜವಾಗಿಯೂ ಕಾರ್ಯಗತಗೊಳಿಸಲಾಗಿಲ್ಲ, ಇಂಡೀ ಯುಐ ಕಾರ್ಯನಿರತ ಗುಂಪುಗಳು ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಡೆವಲಪರ್ಗಳಿಗೆ ವಿಭಿನ್ನ ಪ್ಲಾಟ್ಫಾರ್ಮ್ ನಿರ್ದಿಷ್ಟ ತಾಂತ್ರಿಕ ಘಟನೆಗಳನ್ನು ನಿಭಾಯಿಸದೆ ಪ್ರಮಾಣಿತ ಬಳಕೆದಾರರ ಸಂವಹನ ಘಟನೆಗಳನ್ನು ಬೆಂಬಲಿಸಲು ಸಹಾಯ ಮಾಡಲು ಬಯಸುತ್ತವೆ. ಬಳಸಬಹುದಾದ ಇಂಟರ್ಫೇಸ್ಗಳನ್ನು ಸ್ಕ್ರಿಪ್ಟ್ ಮಾಡುವುದು ಕಷ್ಟವಾಗಬಹುದು, ವಿಶೇಷವಾಗಿ ಸಾಫ್ಟ್ವೇರ್ ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳು, ಹಾರ್ಡ್ವೇರ್ ಮತ್ತು ಲೋಕಲ್ಗಳಲ್ಲಿ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ವಿನ್ಯಾಸದ ಮಾದರಿಗಳು ಭಿನ್ನವಾಗಿರುತ್ತವೆ ಮತ್ತು ವೈಯಕ್ತಿಕ ಆದ್ಯತೆಯ ಆಧಾರದ ಮೇಲೆ ಆ ಸಂವಹನಗಳನ್ನು ಮತ್ತಷ್ಟು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು ಎಂದು ಪರಿಗಣಿಸಿದಾಗ. ವ್ಯಕ್ತಿಗಳು ತಮ್ಮ ಸ್ವಂತ ವ್ಯವಸ್ಥೆಯಲ್ಲಿ ಇಂಟರ್ಫೇಸ್ ಕಾರ್ಯನಿರ್ವಹಿಸುವ ವಿಧಾನಕ್ಕೆ ಒಗ್ಗಿಕೊಂಡಿರುತ್ತಾರೆ ಮತ್ತು ಅವರ ಆದ್ಯತೆಯ ಇಂಟರ್ಫೇಸ್ ಆಗಾಗ್ಗೆ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಲೇಖಕರ ಆದ್ಯತೆಯ ಇಂಟರ್ಫೇಸ್ಗಿಂತ ಭಿನ್ನವಾಗಿರುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಕೊನೆಯ ಕ್ರಿಯೆಯನ್ನು ರದ್ದುಗೊಳಿಸುವ ಬಳಕೆದಾರರ ಉದ್ದೇಶವನ್ನು ತಡೆಯಲು ಬಯಸುವ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಲೇಖಕರು, ಈ ಕೆಳಗಿನ ಎಲ್ಲಾ ಘಟನೆಗಳಿಗೆ "ಆಲಿಸಬೇಕು": ವಿಂಡೋಸ್ ಮತ್ತು ಲಿನಕ್ಸ್ನಲ್ಲಿ ಕಂಟ್ರೋಲ್ + ಝಡ್. ಮ್ಯಾಕ್ ಓಎಸ್ ಎಕ್ಸ್ನಲ್ಲಿ ಕಮಾಂಡ್ + ಝಡ್. ಕೆಲವು ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಶೇಕ್ ಈವೆಂಟ್ಗಳು. ಹಿಂದಿನ ಕ್ರಿಯೆಯನ್ನು "ರದ್ದುಗೊಳಿಸಲು" ಒಂದೇ, ಸಾಮಾನ್ಯ ವಿನಂತಿಯನ್ನು ಕೇಳುವುದು ಸುಲಭವಾಗುತ್ತದೆ. ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್-ನಿರ್ದಿಷ್ಟ ಘಟನೆಗಳು ಸಾಮಾನ್ಯ (ಡಬ್ಲ್ಯೂ3ಸಿ) ಘಟನೆಗಳ ಜೊತೆಗೆ, ಎರಡು ಪ್ರಮುಖ ರೀತಿಯ ಘಟನೆಗಳನ್ನು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಸೇರಿಸುತ್ತದೆ. ಕೆಲವು ಘಟನೆಗಳನ್ನು ಇತರ ಬ್ರೌಸರ್ಗಳು ವಾಸ್ತವಿಕ ಮಾನದಂಡಗಳಾಗಿ ಜಾರಿಗೆ ತಂದಿವೆ. ಕ್ಲಿಪ್ಬೋರ್ಡ್ ಘಟನೆಗಳು. ಡೇಟಾ ಬೈಂಡಿಂಗ್ ಘಟನೆಗಳು. ಮೊಜಿಲ್ಲಾ, ಸಫಾರಿ ಮತ್ತು ಒಪೇರಾ ಸಹ XMLHttpReಕ್ವೆಸ್ಟ್ ಆಬ್ಜೆಕ್ಟ್ಗಾಗಿ ರೆಡಿಸ್ಟೇಟ್ ಚೇಂಜ್ ಈವೆಂಟ್ ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ಗಮನಿಸಿ. ಮೊಜಿಲ್ಲಾ ಸಾಂಪ್ರದಾಯಿಕ ಈವೆಂಟ್ ನೋಂದಣಿ ವಿಧಾನವನ್ನು (ಡಿಒಎಂ ಲೆವೆಲ್ 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> <ಪಿ> ಹೇ <ಎ ಹ್ರೆಫ್ = "http://www.example.com" ಆನ್ಕ್ಲಿಕ್ = "ಟ್ರಿಗರ್ ಅಲರ್ಟ್ ('ಜೋ'); ರಿಟರ್ನ್ ಫಾಲ್ಸ್;"> ಜೋ </ಎ>! </ಪಿ> <ಸ್ಕ್ರಿಪ್ಟ್> ಫಂಕ್ಷನ್ ಟ್ರಿಗರ್ ಅಲರ್ಟ್ (ಹೆಸರು) {window.alert ("ಹೇ" + ಹೆಸರು);} </ಸ್ಕ್ರಿಪ್ಟ್> </ಬಾಡಿ> </ಎಚ್. ಟಿ. ಎಂ. ಎಲ್> ಒಂದು ಸಾಮಾನ್ಯ ತಪ್ಪು ಪ್ರಚೋದಕ ಅಲರ್ಟ್ ಕಾರ್ಯದಲ್ಲಿ ಹೆಸರು. ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ ಹಾಗೆ ತೋರುತ್ತದೆಯಾದರೂ, ನಿಜವಾಗಿಯೂ ಏನಾಗುತ್ತಿದೆ ಎಂದರೆ ಬ್ರೌಸರ್ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎಂಜಿನ್ ಆನ್ಕ್ಲಿಕ್ ಗುಣಲಕ್ಷಣದಲ್ಲಿನ ಹೇಳಿಕೆಗಳನ್ನು ಹೊಂದಿರುವ ಅನಾಮಧೇಯ ಕಾರ್ಯವನ್ನು ರಚಿಸುತ್ತದೆ. ಅಂಶದ ಆನ್ಕ್ಲಿಕ್ ಹ್ಯಾಂಡ್ಲರ್ ಈ ಕೆಳಗಿನ ಅನಾಮಧೇಯ ಕಾರ್ಯಕ್ಕೆ ಬದ್ಧವಾಗಿರುತ್ತದೆಃ ಫಂಕ್ಷನ್ () {ಟ್ರಿಗರ್ಅಲರ್ಟ್ ('ಜೋ'); ರಿಟರ್ನ್ ಫಾಲ್ಸ್;} ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಈವೆಂಟ್ ಮಾದರಿಯ ಈ ಮಿತಿಯನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ನ ಫಂಕ್ಷನ್ ಆಬ್ಜೆಕ್ಟ್ಗೆ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಿಯೋಜಿಸುವ ಮೂಲಕ ಅಥವಾ ಕ್ಲೋಸರ್ಗಳನ್ನು ಬಳಸುವ ಮೂಲಕ ನಿವಾರಿಸಲಾಗುತ್ತದೆ. ಸಾಂಪ್ರದಾಯಿಕ ಮಾದರಿಯು ಸಾಂಪ್ರದಾಯಿಕ ಮಾದರಿಯಲ್ಲಿ, ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ಗಳನ್ನು ಸ್ಕ್ರಿಪ್ಟ್ಗಳಿಂದ ಸೇರಿಸಬಹುದು ಅಥವಾ ತೆಗೆದುಹಾಕಬಹುದು. ಇನ್ಲೈನ್ ಮಾದರಿಯಂತೆ, ಪ್ರತಿ ಈವೆಂಟ್ನಲ್ಲಿ ಕೇವಲ ಒಬ್ಬ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ನೋಂದಾಯಿಸಿಕೊಳ್ಳಬಹುದು. ಎಲಿಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ನ ಈವೆಂಟ್ ಪ್ರಾಪರ್ಟಿಗೆ ಹ್ಯಾಂಡ್ಲರ್ ಹೆಸರನ್ನು ನಿಯೋಜಿಸುವ ಮೂಲಕ ಈವೆಂಟ್ ಅನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ. ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ತೆಗೆದುಹಾಕಲು, ಗುಣಲಕ್ಷಣವನ್ನು ಶೂನ್ಯಕ್ಕೆ ಹೊಂದಿಸಿಃ <! ಡಾಕ್ಟೈಪ್ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್> <ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಲ್ಯಾಂಗ್ = "ಎನ್"> <ಹೆಡ್> <ಮೆಟಾ ಅಕ್ಷರಮಾಲೆ = "ಯು. ಟಿ. ಎಫ್-8"> <ಶೀರ್ಷಿಕೆ> ಸಾಂಪ್ರದಾಯಿಕ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲಿಂಗ್ </ಹೆಡ್> <ದೇಹ> <ಎಚ್1> ಸಾಂಪ್ರದಾಯಿಕ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲಿಂಗ್ </ಎಚ್1> <ಪಿ> ಹೇ ಜೋ! </ಪಿ> <ಸ್ಕ್ರಿಪ್ಟ್> ಟ್ರಿಗರ್ ವರ್ಅಲರ್ಟ್ = ಫಂಕ್ಷನ್ () {window.alert ("ಹೇ ಜೋ");};// ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ನಿಯೋಜಿಸಿ document.onclick = ಟ್ರಿಗರ್ಅಲರ್ಟ್;// ಮತ್ತೊಂದು ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ನಿಯೋಜಿಸಿ window.onload = ಟ್ರಿಗರ್ಅಲರ್ಟ್;// ತೆಗೆದುಹಾಕಿ ');};} (ಹೆಸರು); ಆಂತರಿಕ ಕಾರ್ಯಗಳು ತಮ್ಮ ವ್ಯಾಪ್ತಿಯನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳುತ್ತವೆ. ಡಿ. ಓ. ಎಂ. ಮಟ್ಟ 2. ಡಿ. ಓ. ಎಂ. ಮಟ್ಟ 2ರಲ್ಲಿ ಹೆಚ್ಚು ಹೊಂದಿಕೊಳ್ಳುವ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲಿಂಗ್ ಮಾದರಿಯನ್ನು ಡಬ್ಲ್ಯೂ3ಸಿ ವಿನ್ಯಾಸಗೊಳಿಸಿದೆ. ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಕೆಲವು ಉಪಯುಕ್ತ ವಿಷಯಗಳುಃ ಈವೆಂಟ್ ಬಬ್ಲಿಂಗ್ ಆಗುವುದನ್ನು ತಡೆಯಲು, ಡೆವಲಪರ್ಗಳು ಈವೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ನ ಸ್ಟಾಪ್ಪ್ರೊಪಗೇಷನ್ () ವಿಧಾನಕ್ಕೆ ಕರೆ ಮಾಡಬೇಕು. ಈವೆಂಟ್ನ ಡೀಫಾಲ್ಟ್ ಕ್ರಿಯೆಯನ್ನು ಕರೆಯುವುದನ್ನು ತಡೆಯಲು, ಅಭಿವರ್ಧಕರು ಈವೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ನ ಪ್ರಿವೆಂಟ್ ಡಿಫಾಲ್ಟ್ () ವಿಧಾನಕ್ಕೆ ಕರೆ ಮಾಡಬೇಕು. ಸಾಂಪ್ರದಾಯಿಕ ಮಾದರಿಗಿಂತ ಮುಖ್ಯವಾದ ವ್ಯತ್ಯಾಸವೆಂದರೆ ಒಂದೇ ಈವೆಂಟ್ಗೆ ಅನೇಕ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ಗಳನ್ನು ನೋಂದಾಯಿಸಬಹುದು. ಬಬ್ಲಿಂಗ್ ಹಂತದ ಬದಲು ಕ್ಯಾಪ್ಚರ್ ಹಂತದಲ್ಲಿ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ಕರೆಯಬೇಕು ಎಂದು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಯೂಸ್ ಕ್ಯಾಪ್ಚರ್ ಆಯ್ಕೆಯನ್ನು ಸಹ ಬಳಸಬಹುದು. ಈ ಮಾದರಿಯು ಮೊಜಿಲ್ಲಾ, ಒಪೇರಾ, ಸಫಾರಿ, ಕ್ರೋಮ್ ಮತ್ತು ಕಾಂಕರರ್ಗಳಿಂದ ಬೆಂಬಲಿತವಾಗಿದೆ. ಸಾಂಪ್ರದಾಯಿಕ ಮಾದರಿ <! ಡಾಕ್ಟೈಪ್ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್> <ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಲ್ಯಾಂಗ್ = "ಎನ್"> <ಹೆಡ್> <ಮೆಟಾ ಅಕ್ಷರಮಾಲೆ = "ಯು. ಟಿ. ಎಫ್-8"> <ಶೀರ್ಷಿಕೆ> ಡಿ. ಓ. ಎಂ ಮಟ್ಟ 2 </ಶೀರ್ಷಿಕೆ> </ತಲೆ> <ದೇಹ> <ಎಚ್1> ಡಿ. ಓ. ಎಂ ಮಟ್ಟ 2 </ಎಚ್1> <ಪಿ> ಹೇ ಜೋ! ");}// ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ಸೇರಿಸಿ document.addEventListener (" ಕ್ಲಿಕ್ ಮಾಡಿ ", ಹೇಯ್ ಜೋ, ಟ್ರೂ);// ಕ್ಯಾಪ್ಚರ್ ಹಂತ// ಮತ್ತೊಂದು ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ಸೇರಿಸಿ window.addEventListener (" ಲೋಡ್ ", ಹೇಯ್ ಜೋ, ಫಾಲ್ಸ್);// ಬಬ್ಲಿಂಗ್ ಹಂತ// ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ತೆಗೆದುಹಾಕಿ ಈಗಷ್ಟೇ ಸೇರಿಸಲಾಗಿದೆ window.removeEventListener (" ಲೋಡ್ ", ಹೇಯ್ ಜೋ, ಫಾಲ್ಸ್); <// ಸ್ಕ್ರಿಪ್ಟ್> </ಬಾಡಿ> <// ಎಚ್. ಟಿ. ಎಂ. ಎಲ್> ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್-ನಿರ್ದಿಷ್ಟ ಮಾದರಿ ಮೈಕ್ರೋಸಾಫ್ಟ್ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಆವೃತ್ತಿ 8 ರ ಮೊದಲು W3C ಮಾದರಿಯನ್ನು ಅನುಸರಿಸುವುದಿಲ್ಲ, ಏಕೆಂದರೆ ಅದರ ಸ್ವಂತ ಮಾದರಿಯನ್ನು W3C ಮಾನದಂಡದ ಅನುಮೋದನೆಗೆ ಮೊದಲು ರಚಿಸಲಾಗಿದೆ. ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 9 ಡಿಒಎಂ ಮಟ್ಟದ 3 ಘಟನೆಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ ಮತ್ತು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 11 ಮೈಕ್ರೋಸಾಫ್ಟ್-ನಿರ್ದಿಷ್ಟ ಮಾದರಿಗೆ ಅದರ ಬೆಂಬಲವನ್ನು ಅಳಿಸುತ್ತದೆ. ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಕೆಲವು ಉಪಯುಕ್ತ ವಿಷಯಗಳುಃ ಈವೆಂಟ್ ಬಬ್ಲಿಂಗ್ ಅನ್ನು ತಡೆಯಲು, ಡೆವಲಪರ್ಗಳು ಈವೆಂಟ್ನ ಕ್ಯಾನ್ಸಲ್ ಬಬಲ್ ಪ್ರಾಪರ್ಟಿಯನ್ನು ಹೊಂದಿಸಬೇಕು. ಕರೆಯಬೇಕಾದ ಈವೆಂಟ್ನ ಡೀಫಾಲ್ಟ್ ಕ್ರಿಯೆಯನ್ನು ತಡೆಯಲು, ಅಭಿವರ್ಧಕರು ಈವೆಂಟ್ನ ರಿಟರ್ನ್ ವ್ಯಾಲ್ಯೂ ಪ್ರಾಪರ್ಟಿಯನ್ನು ಹೊಂದಿಸಬೇಕು. ಈ ಕೀವರ್ಡ್ ಜಾಗತಿಕ ವಿಂಡೋ ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಮತ್ತೆ, ಈ ಮಾದರಿಯು ಸಾಂಪ್ರದಾಯಿಕ ಮಾದರಿಗಿಂತ ಭಿನ್ನವಾಗಿದೆ, ಏಕೆಂದರೆ ಒಂದೇ ಈವೆಂಟ್ಗೆ ಅನೇಕ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ಗಳನ್ನು ನೋಂದಾಯಿಸಬಹುದು. ಆದಾಗ್ಯೂ, ಕ್ಯಾಪ್ಚರ್ ಹಂತದಲ್ಲಿ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ಕರೆಯಬೇಕು ಎಂದು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಯೂಸ್ ಕ್ಯಾಪ್ಚರ್ ಆಯ್ಕೆಯನ್ನು ಬಳಸಲಾಗುವುದಿಲ್ಲ. ಈ ಮಾದರಿಯು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಮತ್ತು ಟ್ರೈಡೆಂಟ್ ಆಧಾರಿತ ಬ್ರೌಸರ್ಗಳಿಂದ ಬೆಂಬಲಿತವಾಗಿದೆ (ಉದಾ. ಮ್ಯಾಕ್ಸ್ಥಾನ್, ಅವಂತ್ ಬ್ರೌಸರ್). ಹಳೆಯ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್-ನಿರ್ದಿಷ್ಟ ಮಾದರಿ <! ಡಾಕ್ಟೈಪ್ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್> <ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಲ್ಯಾಂಗ್ = "ಎನ್"> <ಹೆಡ್> <ಮೆಟಾ ಅಕ್ಷರಮಾಲೆ = "ಯುಟಿಎಫ್-8"> <ಶೀರ್ಷಿಕೆ> ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್-ನಿರ್ದಿಷ್ಟ ಮಾದರಿ </ಶೀರ್ಷಿಕೆ> </ತಲೆ> <ದೇಹ> <ಎಚ್1> ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್-ನಿರ್ದಿಷ್ಟ ಮಾದರಿ </ಎಚ್1> <ಪಿ> ಹೇ ಜೋ! </ಪಿ> <ಸ್ಕ್ರಿಪ್ಟ್> ವರ್ ಹೇ ಜೋ = ಕಾರ್ಯ () {window.alert ("ಹೇ ಜೋ! ");}// ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ಸೇರಿಸಿ 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-ಈವೆಂಟ್ ಬಬ್ಲಿಂಗ್ ಮತ್ತು ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್ ಕನ್ಸೋರ್ಟಿಯಂ ಸ್ಟ್ಯಾಂಡರ್ಡ್ಗಳನ್ನು ಸೆರೆಹಿಡಿಯಲು ಜೆಎಸ್ ಫಿಡಲ್ ಅನ್ವೇಷಣೆಯ ಮೂಲಕ ಡಿಒಎಂ ಈವೆಂಟ್ಗಳ ಬಗ್ಗೆ ತಿಳಿಯಲು ಒಂದು ದೃಶ್ಯಕಾರಕ ಅಪ್ಲಿಕೇಶನ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಇಂಟರ್ಫೇಸ್ ಈವೆಂಟ್ಸ್ (ಕಂಪ್ಯೂಟಿಂಗ್)