检查元素是否在页面的选定区域中

时间:2014-01-24 19:35:05

标签: javascript html dom

使用JavaScript(不使用JQuery)如何判断是否选择了网页上的特定元素?

例如,我有一个网页,我选择了一部分页面。通过“选择”我的意思是:

  • 在网页上选择将开始的位置左键单击鼠标(并按住鼠标按钮)。
  • 将鼠标拖动到所需选择区域的末尾。
  • 释放鼠标按钮以完成选择。

注意:我真的不认为我需要为 提供此级别的详细信息“选择页面的一部分” ,但很多人似乎对我的意思感到困惑。)

然后在JavaScript中,我想查看一些元素并识别网页选定区域内的任何元素:

function a(e){
  /** 
   *  I want to find out if element "e" is within the
   *  "Selected" area of the web-page, and take some action if it is.
   *  (not to be confused with "checked" or "unchecked" for "checkbox"
   *  elements, or "selected" for "option" elements).
  **/ 
}

var x,k,f,j,r;
x=document.forms;
for(k=0;k<x.length;++k){
   f=x[k];
   for(j=0;j<f.length;++j){
      r=(f[j].type.toLowerCase());
      if(r=="checkbox")
         a(f[j]);
   }
}

2 个答案:

答案 0 :(得分:0)

因此,通过查看元素的checked属性来检查它是否被“选中”。

console.log(e.checked);

所以作为一个if statemenet:

if (e.checked) {
   //do action checked
} else {
  //do action unchecked
}

答案 1 :(得分:-1)

此处存在DOM属性.ckecked,用于选中是否选中复选框。

如果选中/选中复选框,则返回true,如果未选中/选中,则返回false