الفرق بين المراجعتين ل"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 نعم

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