You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 2-ui/3-event-details/1-mouse-events-basics/article.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
# Fare olaylarıyla ilgili temel bilgiler
2
2
3
-
Fare olayları yalnızca "fare olayi ya da manipülasyonu" ile gerçekleşmez, aynı zamanda dokunmatik cihazlara da uyumlu hale getirmek için bu cihazlarda taklit edilir.
3
+
Fare olayları yalnızca "fare olayı ya da manipülasyonu" ile gerçekleşmez, aynı zamanda dokunmatik cihazlara da uyumlu hale getirmek için bu cihazlarda taklit edilir.
4
4
5
5
Bu bölümde fare olayları ve özellikleri hakkında daha fazla ayrıntıya gireceğiz.
6
6
@@ -49,7 +49,7 @@ Gerçekleşen eylemleri görmek için aşağıdaki butonu tıkla. Çift tıklama
49
49
50
50
Aşağıdaki test standında, tüm fare olayları kaydedilir ve aralarında 1 saniyeden fazla gecikme varsa, yatay bir cetvel ile ayrılırlar.
51
51
52
-
Ayrıca, fare butonuna tıklandıgında algılanmasını sağlayan "which" özelliğini görebilirsiniz.
52
+
Ayrıca, fare butonuna tıklandığında algılanmasını sağlayan "which" özelliğini görebilirsiniz.
53
53
54
54
<input onmousedown="return logMouse(event)" onmouseup="return logMouse(event)" onclick="return logMouse(event)" oncontextmenu="return logMouse(event)" ondblclick="return logMouse(event)" value="Click me with the right or the left mouse button" type="button"> <input onclick="logClear('test')" value="Clear" type="button"> <form id="testform" name="testform"> <textarea style="font-size:12px;height:150px;width:360px;"></textarea></form>
55
55
```
@@ -134,9 +134,9 @@ Ancak eğer kullanıcı klavyesiz kullanıyorsa -- o zaman aynısını yapmanın
134
134
Tüm fare olaylarının iki farklı türde koordinatları vardır:
135
135
136
136
1. Pencereye bağlı koordinatlar (Window-relative): `clientX` ve `clientY`.
137
-
2. Belgeye bağlı koordınatlar (Document-relative): `pageX` ve `pageY`.
137
+
2. Belgeye bağlı koordinatlar (Document-relative): `pageX` ve `pageY`.
138
138
139
-
Kısaca, belgeye bağlı koordinatlar pageX / Y, belgenin en sol üst köşesinden sayılır ve sayfa kaydırıldığında da değişmez, clientX / Y ise geçerli pencerenin (wındow) sol üst köşesinden sayılır. Sayfa kaydırıldığında değişirler.
139
+
Kısaca, belgeye bağlı koordinatlar pageX / Y, belgenin en sol üst köşesinden sayılır ve sayfa kaydırıldığında da değişmez, clientX / Y ise geçerli pencerenin (window) sol üst köşesinden sayılır. Sayfa kaydırıldığında değişirler.
140
140
141
141
Örneğin, 500x500 boyutunda bir penceremiz varsa ve fare en sol üst köşedeyse, o zaman `clientX` ve `clientY` `0` olur. Fare tam ortadaysa, o zaman belgenin neresinde olursa olsun `clientX` ve `clientY` `250` olur. `position:fixed` ile benzer şekilde çalışır.
142
142
@@ -159,13 +159,13 @@ Fare tıklamalarının rahatsız edici olabilecek bir yan etkisi vardır. Çift
159
159
160
160
Bütün tıklama olaylarını kendimiz kontrole almak istiyorsak, "ekstra" olarak metin seçimi iyi olmayabilir.
161
161
162
-
Örneğin, aşağıdaki metne çift tıklamak, işleyicimize ek olarak bir tıkladıgımız kelimeyi seçer:
162
+
Örneğin, aşağıdaki metne çift tıklamak, işleyicimize ek olarak bir tıkladığımız kelimeyi seçer:
163
163
164
164
```html autorun height=50
165
165
<bondblclick="alert('dblclick')">Bana çift tıkla</b>
166
166
```
167
167
168
-
Seçimi durdurmanın bir CSS yolu vardır: `user-select` özelliğini buradan incelyebilirsiniz. [CSS UI Draft](https://www.w3.org/TR/css-ui-4/).
168
+
Seçimi durdurmanın bir CSS yolu vardır: `user-select` özelliğini buradan inceleyebilirsiniz. [CSS UI Draft](https://www.w3.org/TR/css-ui-4/).
0 commit comments