الفرق بين المراجعتين لصفحة: «JavaScript/Document/elementsFromPoint»
< JavaScript | Document
نقل عبد-الهادي-الديوري صفحة JavaScript/Document/elementsFromPoint إلى JavaScript/Document/caretPositionFromPoint: أخطأت في إنشاء الصّفحة |
إضافة الصّفحة |
||
سطر 1: | سطر 1: | ||
# | <noinclude>{{DISPLAYTITLE:<code>Document.elementsFromPoint()</code>}}</noinclude> | ||
'''تنبيه:''' هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة. | |||
يعيد التّابع <code>Document.elementsFromPoint()</code> مصفوفة بجميع العناصر الموجودة في نقطة الإحداثيّات المعطاة (حسب إطار العرض (viewport)). | |||
==البنية العامة== | |||
<syntaxhighlight lang="javascript"> | |||
var elements = document.elementsFromPoint(x, y); | |||
</syntaxhighlight> | |||
===المعاملات=== | |||
====<code>x</code>==== | |||
الإحداثيّ الأفقيّ لنقطة ما. | |||
====<code>y</code>==== | |||
الإحداثيّ العمودي لنقطة ما. | |||
===القيمة المعادة=== | |||
مصفوفة كائنات من النّوع <code>[[JavaScript/Element|Element]]</code>. | |||
==مثال== | |||
جزء HTML: | |||
<syntaxhighlight lang="html"> | |||
<div> | |||
<p>محتوى نصيّ</p> | |||
</div> | |||
<p>العناصر في الإحداثيّات 30 و 20</p> | |||
<div id="output"></div> | |||
</syntaxhighlight> | |||
جزء JavaScript: | |||
<syntaxhighlight lang="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>"; | |||
} | |||
</syntaxhighlight> | |||
==دعم المتصفّحات== | |||
{| class="wikitable" | |||
!الميزة | |||
!|Chrome | |||
!Firefox | |||
!Internet Explorer | |||
!Opera | |||
!Safari | |||
|- | |||
! الدعم الأساسي | |||
|53 | |||
|نعم | |||
|نعم | |||
|40 | |||
|نعم | |||
|- | |||
|} | |||
==مصادر ومواصفات== | |||
* مواصفة [https://w3c.github.io/webcomponents/spec/shadow/#extensions-to-the-documentorshadowroot-mixin Shadow DOM] | |||
[[تصنيف:JavaScript]] | |||
[[تصنيف:Web API]] | |||
[[تصنيف:DOM]] | |||
[[تصنيف:Document]] |
مراجعة 19:01، 1 أبريل 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