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

من موسوعة حسوب
طلا ملخص تعديل
طلا ملخص تعديل
 
سطر 2: سطر 2:
'''تنبيه:''' هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة.
'''تنبيه:''' هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة.


يعيد التّابع <code>Document.elementsFromPoint‎()‎</code> مصفوفة بجميع العناصر الموجودة في نقطة الإحداثيّات المعطاة (حسب إطار العرض (viewport)).
يعيد التّابع <code>Document.elementsFromPoint‎()‎</code> مصفوفة بجميع العناصر الموجودة في نقطة الإحداثيّات المعطاة (حسب إطار العرض [viewport]).


==البنية العامة==
==البنية العامة==

المراجعة الحالية بتاريخ 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 نعم

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