الفرق بين المراجعتين لصفحة: «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]] |
المراجعة الحالية بتاريخ 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.