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

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

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

مجلوبة من "https://wiki.hsoub.com/index.php?title=JavaScript/Document/elementsFromPoint&oldid=4197"