Mengatur Fokus Elemen HTML Menggunakan Method Focus DOM
 |
| Ilustrasi Method focus() DOM HTML |
Object.focus()
<!DOCTYPE html>
<html>
<head>
<title>
Method focus() DOM
</title>
<style>
input[type=text]:focus
{
background-color: red;}
</style>
</head>
<body>
<center>
<input
type="text"
id="mkn"
value="Blog Tik">
<h2>
Method focus() DOM
</h2>
<button
type = "button"
onclick = "Bons()">
Submit
</button>
<script>
function Bons()
{
document.getElementById("mkn").focus();
}
</script>
</center>
</body>
</html>
Method focus() DOM
<!DOCTYPE html>
<html>
<head>
<title>
Method focus() DOM
</title>
<style>
a:focus
{
background-color: magenta;}
</style>
</head>
<body>
<center>
<h1 style="color:green;">
Blog Elfan
</h1>
<h2>
Method focus() DOM
</h2>
<a
href="https://www.penelitian.id/"
id = "bons">
Blog TIK
</a>
<br>
<button
type = "button"
onclick = "Bons()">
Submit
</button>
<script>
function Bons()
{
document.getElementById("bons").focus();
}
</script>
</center>
</body>
</html>
Blog Elfan
Method focus() DOM
Blog TIK- 2 Contoh Penggunaan Properti ID DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti innerHTML DOM [klik]
- 2 Contoh Penggunaan Properti innerText DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentElement() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method insertAdjacentHTML DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentText() DOM pada HTML [klik]
- 2 Parameter Method insertBefore() DOM pada HTML [klik]
6 komentar untuk "Mengatur Fokus Elemen HTML Menggunakan Method Focus DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method focus() DOM pada HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan method focus() DOM pada HTML:
Hapus1. Google Chrome 15.0
2. Internet Explorer 11.0
3. Firefox 15.0
4. Opera 15.0
5. Safari 6.0
Apa fungsi method focus() DOM pada HTML?
BalasHapusMethod focus() DOM pada HTML digunakan untuk memberikan fokus pada suatu elemen, jika elemen tersebut dapat difokuskan.
HapusTips: gunakan method blur() untuk menghilangkan fokus dari sebuah elemen yang sebelumnya menggunakan method focus().
Apa yang dimaksud dengan method focus() DOM pada HTML?
BalasHapusMethod focus() digunakan untuk menetapkan fokus pada elemen yang ditentukan, dimana elemen yang difokuskan tersebut merupakan elemen yang akan menerima keyboard dan event serupa secara default.
Hapus