kzen.dev
Daha
Question

HTML img onclick Javascript

JavaScript'in mevcut görüntüyü bir ONCLICK olayı ile yeni bir PENCEREDE açmasını nasıl sağlarım?

<script>
 function imgWindow() {
  window.open("image") }
</script>

HTML

<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond2.jpg" height="150" size="150" alt="All-green Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond3.jpg" height="150" size="150" alt="Dutch Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
Dipak Ingole
Dipak Ingole
Edited question 2014ööp15öö3 Nisan 2014 в 3:15
Programlama
javascript
onclick
This question has 1 Cevap in English, to read them log in to your account.
Solution / Answer

Al bakalım.

<img src="https://i.imgur.com/7KpCS0Y.jpg" onclick="window.open(this.src)">
61

Bu senin işine yarayabilir.

<script type="text/javascript">
function image(img) {
    var src = img.src;
    window.open(src);
}
</script>
<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image(this)">
4

Lütfen erişilebilirliğe de dikkat edin.

Görüntüler üzerinde ARIA rolünü tanımlamadan onClick kullanmayın.

Etkileşimli olmayan HTML öğeleri ve etkileşimli olmayan ARIA rolleri, kullanıcı arayüzündeki içerik ve kapsayıcıları gösterir. Etkileşimli olmayan bir öğe olay işleyicilerini (fare ve tuş işleyicileri) desteklemez.

Geliştirici ve tasarımcılar, rolün önerdiği bir öğenin beklenen davranışını sağlamaktan sorumludur: odaklanabilirlik ve tuşa basma desteği. Daha fazla bilgi için bakınız WAI-ARIA Authoring Practices Guide - Design Patterns and Widgets.

tldr; i̇şte böyle yapilmali:

  <img
    src="pond1.jpg"
    alt="pic id code"
    onClick="window.open(this.src)"
    role="button"
    tabIndex="0"
  />
1
Related communities 1
JavaScript Topluluğu
1 382 users
https://telegra.ph/JavaScriptTurkiye-03-08 Sıkıntı yaşarsanız: @etcPasswd @KoraltanTemren Kanal: @JavaScriptTurkiye Türkçe konuşmak esastır. Konu başlıkları: https://t.me/JavaScriptTurk