تشارك هذه المقالة رمز مثال التأثير الخاص JS Mouse للرجوع إليه. المحتوى المحدد كما يلي
مثال 1: تعطيل زر الماوس الأيمن
<script type = "text/javaScript"> // حدد رد الاتصال لزر الماوس الخاص بـ document.onmousedown = function (event) {// تحديد ما إذا كانت قيمة الحدث تنقر بزر الماوس الأيمن إذا (event.button == 2) {ALERT ('dilection انقر بزر الماوس الأيمن!') ؛ // مطالبة المستخدم بتعطيل النقر بزر الماوس الأيمن}} </script>0 لا زر اضغط
1 اضغط على الزر الأيسر
2 اضغط على الزر الأيمن
3 اضغط على المفاتيح اليسرى واليمين
4 اضغط على المفتاح الأوسط
5 اضغط على المفاتيح اليسرى والمتوسطة
6 اضغط على المفاتيح اليمنى والمتوسطة
7 اضغط على جميع المفاتيح
مثال 2: تحديد شكل مؤشر الماوس ديناميكيًا
<script type = "text/javaScript"> // تهيئة وظيفة شكل الماوس initMouse () {// احصل على DOM الهدف من خلال اسم العلامة. إذا كانت صفحة ويب كاملة ، فيمكنك استخدام var body pdom = document.getElementsByTagName ("P") [0] ؛ // تعديل شكل مؤشر الماوس للنمط ، المؤشر هو شكل اليد pdom.style.cursor = 'pointer' ؛ } </script>رمز سمة الاسم
مؤشر نمط السهم الافتراضي: افتراضي
مؤشر شكل اليد: مؤشر
مؤشر شكل اليد: اليد
حرك مؤشر السهم المتقاطع: تحرك
مساعدة مارك مارك: مساعدة
Crosshair Cursor: Crosshair
نص/محرر مؤشر: نص
غير قادر على إطلاق (تعطيل) المؤشر: لا تقلب
تعطيل المؤشر: لا يسمح للسملة به
المؤشر التلقائي: السيارات
المؤشر: التقدم
تغيير حجم المؤشر لأعلى: N-RESIVE
تغيير الحجم لأسفل المؤشر: S-RESIVE
قم بتغيير الحجم إلى المؤشر الأيسر: W-RESIZE
تغيير الحجم إلى المؤشر الأيمن: E-RESIVE
تغيير الحجم لأعلى المؤشر اليسار: حجم شمال غرب
قم بتغيير الحجم إلى المؤشر الأيسر: SW-RESIVE
تغيير الحجم لأعلى المؤشر الأيمن: NE-RESIVE
قم بتغيير الحجم إلى المؤشر لأسفل اليمين: SE-RESIVE
مثال 3: التغييرات في حجم الخط عندما يدخل الماوس ويخرج
<script type = "text/javaScript"> // انقل مؤشر الماوس إلى محرك الدالة (pdom) {pdom.style.fontsize = '20px' ؛ // تغيير حجم الخط إلى 20 بكسل} // حرك مؤشر الماوس خارج وظيفة mout (pdom) {pdom.style.fontsize = '' ؛ // قم بتغيير حجم حجم الخط إلى الافتراضي} </script> <!-تحديد منطقة-> <p style = "الهامش: 5px Auto ؛ العرض: 100px ؛ الارتفاع: 100px ؛ الحدود: 1px سوداء صلبة ؛" onMouseover = "المحرك (هذا) ؛" onMouseout = "mout (this) ؛"> حرك الماوس إلى هذه المنطقة </p>مثال 4:
<script type = "text/javaScript"> var nowpos ؛ // الموضع الحالي var mytimer ؛ // Timer Variable Function StartIt () {// start function // start timer ، في 10 مللي ثانية mytimer = window.setinterval ("scrollpage ()" ، 10) ؛ }. } // وظيفة التمرير وظيفة scrollPage () {window.scrollby (0،1) ؛ // scroll في pixel واحد} document.onmousedown = stopit ؛ // snap the click event document.ondblclick = startIt ؛ // استمع إلى حدث النقر المزدوج </script>مثال 5: تظهر ألوان مختلفة على الرابط مع الماوس
<script type = "text/javaScript"> // حدد وظيفة حدث mouseover exploninkcolor () {// احصل على DOM لجميع الروابط في صفحة الويب var linkdoms = document.getElementsByTagName ("a") ؛ // transf الروابط DOM لـ (var i = 0 ؛ i <linkdoms.length ؛ i ++) {// تحديد رد الاتصال على الحدث لكل رابط رابط mouseover [i] .onmouseover = function () {this.style.color = 'red' ؛ // قم بتغيير نمط اللون للرابط الحالي} linkdoms [i] .onmouseout = function () {this.style.color = '' ؛ // استعادة افتراضي}}}} </script>مثال 6: إلغاء تنشيط بكرة الماوس
<script type = "text/javaScript"> function init () {// إعادة تعريف وظيفة رد الاتصال في الحدث من انزلاق بكرة المستند من pulleys document.onmousewheel = function () {Alert ('استخدام البكرات الممنع') ؛ // يُطلب من المستخدم عدم استخدام Pullleys False ؛ // إرجاع خطأ ، لم يتم فعل شيء (لا يمكن تفويت هذه الجملة ، وإلا فإنها ستستمر)} ؛ } </script>ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.