دعونا نلخص الأشياء البسيطة
ملاحظة: يتم لف الطرق التالية في كائن EventUtil ، ويتم استخدام طريقة التعريف الحرفي الكائن مباشرة. . .
طريقة الحدث ①add
AddHandler: function (element ، type ، handler) {if (element.addeventListener) {// الكشف عن ما إذا كان عنصر طريقة dom2. } if if (element.attachevent) {// الكشف عما إذا كان عنصر طريقة IE على مستوى IE. } آخر {// الكشف عن ما إذا كان عنصر طريقة على مستوى DOM0 ["ON" + type] = Handler ؛ }}②remove طريقة الحدث المضافة مسبقًا
removeHandler: function (element ، type ، handler) {if (element.RemoveEventListener) {element.RemoveEventListener (type ، handler ، false) ؛ } if if (element.detachevent) {element.detachevent ("on" + type ، handler) ؛ } آخر {element ["on" + type] = null ؛ }}③ الحصول على هدف الحدث وهدف حدث الحدث
// احصل على توافق كائن الحدث المكتوب في GetEvent: Function (event) {Resturn Event؟ الحدث: window.event ؛ } ، // احصل على توافق هدف كائن الحدث المكتوب في getTarget: function (event) {return event.target || Event.Srcelement ؛ }④compare الكتابة لمنع الأحداث الافتراضية للمتصفح
PreventDefault: function (event) {if (event.preventDefault) {event.preventDefault () ؛ } آخر {event.returnvalue = false ؛ }}⑤compare الكتابة لمنع الأحداث من الفقاعات
stopPropagation: function (event) {if (event.stopPropagation) {event.stopPropagation () ؛ } آخر {event.cancelBubble = true ؛ }}⑥ طريقة الحصول على العناصر ذات الصلة المدرجة فقط في أحداث Mouseover و Mouseout
. } آخر if (event.toElement) {return event.toElement ؛ } آخر if (event.fromelement) {return event.fromelement ؛ } آخر {return null ؛ }}⑦ حكم عجلة الماوس
بالنسبة لأحداث Mousedown و Mouseup ، توجد خاصية زر في كائن الحدث الخاص بها.
يشير إلى زر الضغط أو الصدر. قد تحتوي سمة الزر لـ DOM على القيم الثلاثة التالية: 0 تمثل زر الماوس الرئيسي ، ويمثل 1 الماوس في الوسط.
2 يشير إلى زر الماوس. في الإعدادات التقليدية ، زر الماوس الرئيسي هو زر الماوس الأيسر ، والماوس الثاني
الزر هو زر الماوس الأيمن.
كما قدمت IE8 والإصدارات السابقة سمة الزر ، لكن قيمة هذه السمة تختلف تمامًا عن سمة الزر لـ DOM.
0: يعني أنه لا يتم الضغط على الزر.
1: يشير إلى أنه تم الضغط على زر الماوس الرئيسي.
2: يشير إلى أنه تم الضغط على زر الماوس مرتين.
3: يشير إلى أنه تم الضغط على أزرار الماوس الأولية والثانوية في نفس الوقت.
4: يشير إلى أنه تم الضغط على زر الماوس الأوسط.
5: يشير إلى أنه تم الضغط على زر الماوس الرئيسي وزر الماوس الأوسط في نفس الوقت.
6: هذا يعني أنه تم الضغط على زر الماوس وزر الماوس في الوسط في نفس الوقت.
7: يشير إلى أنه تم الضغط على ثلاثة أزرار الماوس في نفس الوقت.
getButton: function (event) {if (document.implement.hasfeature ("mouseevents" ، "2.0")) {return event.button ؛ } آخر {switch (event.button) {case 0: الحالة 1: الحالة 3: الحالة 5: الحالة 7: العودة 0 ؛ الحالة 2: الحالة 6: العودة 2 ؛ الحالة 4: العودة 1 ؛ }}}⑧ طريقة للحصول على قيمة الزيادة لعجلة الماوس (دلتا)
getWheeldelta: function (event) {if (event.wheeldelta) {return (client.engine.opera } آخر {return -event.detail * 40 ؛ // القيمة في Firefox هي +3 للتمرير لأعلى ، -3 للتمرير لأسفل}}⑨cquisition من تشفير الأحرف بطريقة متقاطعة
getCharCode: function (event) {if (typeof event.charcode == "number") {return event.charcode ؛ } آخر {return event.keycode ؛ }}⑩ الوصول إلى البيانات في الحافظة
getClipboardText: function (event) {var clipboarddata = (event.clipboarddata || window.clipboarddata) ؛ return clipboarddata.getData ("text") ؛ }11. اضبط البيانات في الحافظة
setClipboardText: function (event ، value) {if (event.clipboarddata) {return event.clipboarddata.setData ("text/plain" ، value) ؛ } if if (window.clipboarddata) {return window.clipboarddata.setData ("text" ، value) ؛ }}تغليفه ثم يمكنك استخدامه مباشرة.
للحصول على ملفات كاملة وأنماط إعادة تعيين أساسية من CSS وأقل ، راجع: https://github.com/luckywinty/resetfile
ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.