Определение элемента в фокусе
Всем привет. Подскажите пожалуйста ответ вот на такой вопрос. в jquery есть вот такая выборка:
$('selector:focus') Как реализовать данную вещь на native javascript? |
s24344,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
:focus{
background-color: #228B22;
color: #FFFFFF;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('focus',
function(event) {
if(event.target.closest(".selector")) document.querySelector('.show').innerHTML = event.target.tagName;
},true)
});
</script>
</head>
<body>
<p class="selector" tabindex="1">click me</p>
<input name="" class="selector" value="click me">
<button class="selector" >click me</button>
<div class="show"></div>
</body>
</html>
|
Спасибо.
|
А так?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
:focus{
background-color: #228B22;
color: #FFFFFF;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('focus',
function(event) {
document.querySelector('.show').innerHTML = document.querySelector('.selector:focus').tagName;
},true)
});
</script>
</head>
<body>
<p class="selector" tabindex="1">click me</p>
<input name="" class="selector" value="click me">
<button class="selector" >click me</button>
<div class="show"></div>
</body>
</html>
|
Dilettante_Pro,
:) |
рони,
Как просил клиент:write: |
рони,
=) Есть такая же ванильная фича |
Цитата:
|
:focus
|
$("div:animated")
а если так =) |
| Часовой пояс GMT +3, время: 05:48. |