الفرق بين المراجعتين لصفحة: «JavaScript/Document/elementsFromPoint»
< JavaScript | Document
إضافة الصّفحة |
طلا ملخص تعديل |
||
سطر 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:56، 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.