Как я могу получить имя атрибута элементов DOM по клику, при помощи JavaScript, если предположить, что клик может быть где угодно на странице? - PullRequest
Новая
       10

Как я могу получить имя атрибута элементов DOM по клику, при помощи JavaScript, если предположить, что клик может быть где угодно на странице?

0 голосов
/ 13 июня 2019

Допустим, у меня есть html-страница, когда каждый раз, когда пользователь нажимает на страницу, при нажатии на нее должно происходить событие, при котором все атрибуты за этими элементами сохраняются. 

<head>
<script>
document.addEventListener('click', function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        text = target.textContent || target.innerText;   
}, false);
</script>
</head>
<body>
<p style="color: green">
The content above was created with JavaScript.<br>
This content is created with <b>HTML</b>.<br>
You can edit JavaScript and HTML in the left part of the page
and click "<b>Run code</b>" to view results in the right part of the page.
</p>
<div id="dev1">
<p style="color: green">
The content above was created with JavaScript.<br>
Username : <input type="text" name="txtusername" id="username" > <br><br>
Password : <input type="Password" name="password" id="passname" >
</p>
</div>
<b>LESSON 4: CALL A JAVASCRIPT FUNCTION:</b>
</body>
</html>```

1 Ответ

0 голосов
/ 13 июня 2019

Вот код для этого: 

  document.onclick = function(event) {
    elem = event.target.attributes;
    console.log(event.target.attributes);
    attributes = Object.getOwnPropertyNames(elem);
    console.log(attributes)
  }

Он будет регистрировать атрибуты самого элемента, который вы нажимаете на консоли, вместе с их значениями.

Вам необходимо получить доступ к их ключам.

...