الفرق بين المراجعتين لصفحة: «JavaScript/Document/elementsFromPoint»

من موسوعة حسوب
إضافة الصّفحة
طلا ملخص تعديل
سطر 9: سطر 9:
</syntaxhighlight>
</syntaxhighlight>


===المعاملات===
===<code>x</code>===
====<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 نعم

مصادر ومواصفات