Question

我正在互联网上寻找是否可以通过单击来识别元素。例如，如果我单击文本，则发出警报，说这是文本。对于将使用文本字段进行警报的文本字段，对于按钮：警报按钮等

但是我找不到互联网，而且如果有人可以告诉我是否可行，我也不知道该怎么做。

我已经单击确定鼠标（x和y）在哪里：

function ejs_context_position(e)
    {
    ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
    ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}

但是我找不到如何为元素做

Answer 1

您可以使用 [element] .tagName 属性访问元素标签名称。有关实现的信息，请参见下面的资源-定义一个将元素作为输入并返回元素tagName的函数应该相对简单。

https://www.w3schools.com/jsref/prop_element_tagname.asp

Answer 2

您可以在页面上的每个元素上添加点击事件监听器

element.addEventListener("click", printElement(null, element))
// OR
<div class="div" onclick="printElement('div')">

然后使用您分配给该元素的类来知道它是哪种元素。

function printElement(class, element) {
  if (class) return console.log('Element clicked is: ' + class);
  // Get the class from the element
  console.log('Element clicked is: ' + element.className);
}

Answer 3

要通过click事件标识元素，您需要向该元素注册一个事件侦听器，并且在触发该事件时，该事件将携带目标DOM元素。

在下面的示例中，我们可以访问目标DOM元素的标签名称。

如果要侦听正文中所有元素的click事件，可以按以下方式将侦听器添加到正文中：

注意：运行以下代码后，请尝试单击页面元素并查看结果。

window.onclick = function(event) {
  alert(event.target.tagName);
  console.log(event.target.tagName);
};

<!DOCTYPE html>
<html>

<body>

  <h2>HTML Forms</h2>

  <form action="/action_page.php">
    First name:<br>
    <input type="text" name="firstname" value="Mickey">
    <br> Last name:<br>
    <input type="text" name="lastname" value="Mouse">
    <br><br>
    <input type="button" value="Submit">
  </form>

  <p>description text in the tag p</p>

</body>

</html>

识别元素的句法

3 个答案: