Javascript – Metod ve Fonksiyonlar
Ağustos 29, 2022Javascript – Örnek Event Uygulaması
Ağustos 29, 2022Javascript - Event Tanımlama
<!DOCTYPE html>
<html>
<head>
<title>Ömer Turak - Javascript - Code 13</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
<style>
.area1 {
width: 300px;
height: 300px;
background-color: black;
color: bisque;
font-size: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Javascript Code Example 13 </h4> Javascript Event and Event Definition <a href="../index.html">Back Home</a>
</div>
<!-- Html olayları ve Html Olaylarını Javascript ile birlikte kullanma. -->
<!-- <button onclick="alert()">Calculate</button> -->
<button onclick="this.innerHTML='Hesaplandı...'">Calculate</button>
<input type="text" onchange="console.log('Changed')">
<select id="sel10" onchange="document.getElementById('conti').innerHTML = this.value;">
<option>Ardahan</option>
<option>Balıkesir</option>
<option selected>Ceyhan</option>
<option>Diyarbakır</option>
</select>
<div id="conti"></div>
<div class="area1" onmouseover="onclick12()" onmouseout="this.innerHTML = 'afferim'"></div>
<script type="text/javascript">
document.getElementById("conti").innerHTML = document.getElementById("sel10").value;
function onclick12() {
document.getElementsByClassName("area1")[0].innerHTML = 'Üzerimden Kalk'
}
// onclick = Elemente klavye veya fare ile tıklandığında tetiklenir.
// onChange = onchange olayı, gerçek zamanlı bir kontrol yapmaz. Değişim kontrolü ilgili elementten çıkıldığı zaman yapılır.
// ondblclick = Elemente fare ile çift tıklandığında tetiklenir.
// onmousedown = Element üzerinde fare tuşuna basıldığında tetiklenir.
// onmouseup = Basılı olan fare tuşu bırakıldığında tetiklenir.
// onmouseover = Elementin kapladığı alana girildiğinde tetiklenir.
// onmousemove = Element üzerinde fare işaretçisi hareket ettirildiğinde tetiklenir.
// onmouseout = Elementin kapladığı alandan çıkıldığında tetiklenir.
// onkeypress = Element üzerindeyken klavyeden bir tuşa basıldığında tetiklenir.
// onkeydown = Element üzerindeyken klavyeden bir tuşa ilk basıldığında tetiklenir.
// onkeyup = Basılı olan klavye tuşu bırakıldığında tetiklenir.
</script>
</div>
</body>
</html>