Skip to content

Commit 0e10d4e

Browse files
authored
Merge pull request #302 from devisasari/mouse-events-basics-typo-fix
Mouse events basics typo fix
2 parents d3c41a6 + ccba422 commit 0e10d4e

File tree

1 file changed

+8
-8
lines changed
  • 2-ui/3-event-details/1-mouse-events-basics

1 file changed

+8
-8
lines changed

2-ui/3-event-details/1-mouse-events-basics/article.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Fare olaylarıyla ilgili temel bilgiler
22

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.
44

55
Bu bölümde fare olayları ve özellikleri hakkında daha fazla ayrıntıya gireceğiz.
66

@@ -49,7 +49,7 @@ Gerçekleşen eylemleri görmek için aşağıdaki butonu tıkla. Çift tıklama
4949
5050
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.
5151
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.
5353
5454
<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>
5555
```
@@ -134,9 +134,9 @@ Ancak eğer kullanıcı klavyesiz kullanıyorsa -- o zaman aynısını yapmanın
134134
Tüm fare olaylarının iki farklı türde koordinatları vardır:
135135
136136
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`.
138138
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.
140140
141141
Ö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.
142142
@@ -159,13 +159,13 @@ Fare tıklamalarının rahatsız edici olabilecek bir yan etkisi vardır. Çift
159159

160160
Bütün tıklama olaylarını kendimiz kontrole almak istiyorsak, "ekstra" olarak metin seçimi iyi olmayabilir.
161161

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:
163163

164164
```html autorun height=50
165165
<b ondblclick="alert('dblclick')">Bana çift tıkla</b>
166166
```
167167

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/).
169169

170170
Çoğu tarayıcı bunu destekler:
171171

@@ -221,7 +221,7 @@ Seçimi *önlemek* yerine, olay işleyicisini "post-factum" iptal edebiliriz.
221221
...Sonra
222222
```
223223
224-
Kalın yazı tipiyle yazılmış öğeye çift tıklarsanız, seçim görünür ve hemen kaldırılır. Yine de bu hoş görünmüyor.````
224+
Kalın yazı tipiyle yazılmış öğeye çift tıklarsanız, seçim görünür ve hemen kaldırılır. Yine de bu hoş görünmüyor.
225225
226226
````smart header="Kopyalamayı önlemek"
227227
İçeriğimizi kopyalayıp yapıştırmaya karşı korumak için seçimi devre dışı bırakmak istiyorsak, başka bir özellik kullanabiliriz.
@@ -252,6 +252,6 @@ Fare olayları aşağıdaki özelliklere sahiptir:
252252
Ayrıca, tıklamaların istenmeyen bir yan etkisi olarak metin seçimiyle uğraşmak da önemlidir.
253253

254254
Bunu yapmanın birkaç yolu vardır, örneğin:
255-
1. CSS methodu `user-select:none` tamamiyle metin seçimini engeller.
255+
1. CSS methodu `user-select:none` tamamıyla metin seçimini engeller.
256256
2. Ondan sonra gelecek metin seçimini iptal eder; `getSelection().removeAllRanges()`.
257257
3. Fare `mousedown` olayını engelleyerek varsayılan metin seçimi durumunu engeller (genellikle en iyi çözüm).

0 commit comments

Comments
 (0)