الفرق بين المراجعتين لصفحة: «JavaScript/Document/elementsFromPoint»
< JavaScript | Document
إضافة الصّفحة |
طلا ملخص تعديل |
||
(1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
سطر 2: | سطر 2: | ||
'''تنبيه:''' هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة. | '''تنبيه:''' هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة. | ||
يعيد التّابع <code>Document.elementsFromPoint()</code> مصفوفة بجميع العناصر الموجودة في نقطة الإحداثيّات المعطاة (حسب إطار العرض | يعيد التّابع <code>Document.elementsFromPoint()</code> مصفوفة بجميع العناصر الموجودة في نقطة الإحداثيّات المعطاة (حسب إطار العرض [viewport]). | ||
==البنية العامة== | ==البنية العامة== | ||
سطر 9: | سطر 9: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
===<code>x</code>=== | |||
الإحداثيّات الأفقيّة لنقطة ما. | |||
====<code>y</code>==== | ====<code>y</code>==== | ||
الإحداثيّات الرأسية لنقطة ما. | |||
===القيمة المعادة=== | ===القيمة المعادة=== | ||
سطر 28: | سطر 27: | ||
<div id="output"></div> | <div id="output"></div> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
جزء JavaScript: | جزء JavaScript: | ||
سطر 67: | سطر 65: | ||
==مصادر ومواصفات== | ==مصادر ومواصفات== | ||
* مواصفة [https://w3c.github.io/webcomponents/spec/shadow/#extensions-to-the-documentorshadowroot-mixin Shadow DOM] | * مواصفة [https://w3c.github.io/webcomponents/spec/shadow/#extensions-to-the-documentorshadowroot-mixin Shadow DOM]. | ||
[[تصنيف:JavaScript]] | [[تصنيف:JavaScript]] |
المراجعة الحالية بتاريخ 01:57، 2 أبريل 2018
تنبيه: هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة.
يعيد التّابع Document.elementsFromPoint()
مصفوفة بجميع العناصر الموجودة في نقطة الإحداثيّات المعطاة (حسب إطار العرض [viewport]).
البنية العامة
var elements = document.elementsFromPoint(x, y);
x
الإحداثيّات الأفقيّة لنقطة ما.
y
الإحداثيّات الرأسية لنقطة ما.
القيمة المعادة
مصفوفة كائنات من النّوع Element
.
مثال
جزء HTML:
<div>
<p>محتوى نصيّ</p>
</div>
<p>العناصر في الإحداثيّات 30 و 20</p>
<div id="output"></div>
جزء JavaScript:
var output = document.getElementById("output");
if (document.elementsFromPoint) {
var elements = document.elementsFromPoint(30, 20);
for(var i = 0; i < elements.length; i++) {
output.textContent += elements[i].localName;
if (i < elements.length - 1) {
output.textContent += " < ";
}
}
} else {
output.innerHTML = "<span style=\"color: red;\">" +
"لا يدعم المتصفّح هذه العمليّة" +
"</span>";
}
دعم المتصفّحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 53 | نعم | نعم | 40 | نعم |
مصادر ومواصفات
- مواصفة Shadow DOM.