English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
عند تنفيذ JavaScript عند فتح أو إغلاق عنصر <code>details</code>:
<!DOCTYPE html> <html> <head> <title>استخدام خاصية الحدث <code>ontoggle</code> في <code>HTML</code> (موقع oldtoolbag.com)</title> <style> div { background: yellow; border: 1px solid #cccccc; padding: 10px; } </style> </head> <body> <p>افتح التفاصيل.</p> <details ontoggle="myFunction()"> <summary>حقوق النشر 1999-2019.</summary> <p>جميع الحقوق محفوظة.</p> <p>يظهر المحتوى والجملة هنا.</p> </details> <p><strong>ملاحظة:</strong> يدعم خاصية الحدث <code>ontoggle</code> في <code>Chrome</code>, <code>Safari</code> 6+، و<code>Opera</code> 15+.</p> <script> function myFunction() { alert("حدث ontoggle يُطلق"); } </script> </body> </html>اختبار لـ ‹/›
تُطلق الخاصية ontoggle عند فتح أو إغلاق عنصر <details>.
يحدد عنصر <details> تفاصيل أخرى يمكن للمستخدم عرضها أو إخفائها عند الطلب.
IEFirefoxOperaChromeSafari
في HTML5، الخاصية ontoggle هي إضافة جديدة.
<element ontoggle="script">
القيمة | الوصف |
---|---|
script | السكرابت يتم تنفيذها في ontoggle |
العلامات الداعمة لـ HTML: | <details> |
---|
دليل مرجع DOM HTML: حدث ontoggle