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

من موسوعة حسوب
نقل عبد-الهادي-الديوري صفحة JavaScript/Document/elementsFromPoint إلى JavaScript/Document/caretPositionFromPoint: أخطأت في إنشاء الصّفحة
 
إضافة الصّفحة
سطر 1: سطر 1:
#تحويل [[JavaScript/Document/caretPositionFromPoint]]
<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 نعم

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