onfocus Event JavaScript'te Ne Yapar?

“ odaklan ” olayı, çoğunlukla JavaScript'teki formlarla çalışırken kullanılan, iyi bilinen bir olaydır. İlişkili HTML öğesi odaklandığında tetiklenir. “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> dışındaki tüm HTML öğeleri üzerinde çalışır. ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” ve “<param>” öğeleri. Bu olay, yani “ <strong> odaklan</strong> ” genellikle her tür formun doğrulanması için HTML giriş alanında kullanılır.<p> Bu gönderi, JavaScript'teki 'odaklanma' olayının amacını, işleyişini ve kullanımını açıklamaktadır.</p> <h2> <strong> JavaScript'te “onfocus Event” Nasıl Çalışır?</strong> </h2> <p> “ <strong> odaklan</strong> ” olayı, belirli HTML öğesi odaklandığında tetiklenir. Ayrıca, ilişkili JavaScript işlevinin yürütülmesini çağırır.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/NidqbNEAEIk?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Sözdizimi</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> eleman.<span class="me1"> odaklan</span> <span class="sy0"> =</span> işlev<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Yukarıdaki sözdiziminde:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> eleman:</strong> HTML öğesini temsil eder.</li> <li> <strong> işlev():</strong> Olay tetikleyicisi üzerine çağrılması gereken işlevi ifade eder.</li> <li> <strong> myScript:</strong> 'Odaklanma' olayı gerçekleştiğinde belirli görevi gerçekleştirmek için işlev tanımına karşılık gelir.</li> </ul> <h2> <strong> JavaScript'te “odaklanma Etkinliği” Nasıl Kullanılır?</strong> </h2> <p> “ <strong> odaklan</strong> ” olayı, JavaScript'te farklı şekillerde kullanılabilir. Bu bölüm, kullanımını göstermek için çeşitli taktiksel örnekler vermektedir.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <h2> <strong> Örnek 1:</strong> “ <strong> odaklanma olayı</strong> ” <strong> Giriş Alanı Arka Plan Rengini Değiştirerek</strong> </h2> <p> Bu örnek, “ <strong> odaklan</strong> Kullanıcı tanımlı bir JavaScript işlevi yardımıyla giriş metin alanı arka plan rengini değiştirerek ” olayı.</p> <h3> <strong> HTML Kodu</strong> </h3> <p> İlk olarak, aşağıdaki HTML koduna genel bakış:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> odaklan <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Etkinlik</span></a> JavaScript'te<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Odaklanmak için giriş alanının içine tıklayın<span class="br0"> (</span> odaklan<span class="br0"> )</span> .<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> İsim</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> giriş tipi<span class="sy0"> =</span><span class="st0"> 'metin'</span> İD<span class="sy0"> =</span><span class="st0"> 'demo'</span> Yer tutucu<span class="sy0"> =</span><span class="st0"> 'Adınızı giriniz'</span> odaklan<span class="sy0"> =</span><span class="st0"> 'işlev ()'</span><span class="sy0"> ></span> <p> Yukarıdaki kodda:</p> <ul> <li> “ <strong> <h2></strong> ” etiketi, alt başlığı tanımlar ve “ <strong> <p></strong> ” etiketi sırasıyla bir paragraf oluşturur.</li> <li> Bundan sonra “ <strong> <giriş></strong> ” giriş metin alanını temsil eden etiket “ <strong> İsim</strong> ”, içerik türü olarak “ <strong> metin</strong> ”, ilişkili kimlik “ olarak <strong> gösteri</strong> ” ve belirtilen yer tutucu.</li> <li> Ayrıca ' <strong> odaklan</strong> ” isimli fonksiyona yönlendirmek için ” event belirtilir. <strong> işlev()</strong> ”.</li> </ul> <h3> <strong> JavaScript Kodu</strong> </h3> <p> Ardından, aşağıda sağlanan JavaScript kodunu gözden geçirin:</p> <span class="sy0"> <</span> senaryo<span class="sy0"> ></span> <br> <br> işlev işlevi<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> belge.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demo'</span><span class="br0"> )</span> .<span class="me1"> stil</span> .<span class="me1"> arka plan</span> <span class="sy0"> =</span> <span class="st0"> 'pembe'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> senaryo<span class="sy0"> ></span> <p> Yukarıdaki kod satırlarında:</p> <ul> <li> “adlı bir işlev <strong> işlev()</strong> ' tanımlanmış.</li> <li> Fonksiyon tanımında, “ <strong> Document.getElementById()</strong> ” yöntemi, paragrafı kimliği aracılığıyla getirir ve “ <strong> stil.arka plan</strong> ' mülk.</li> <li> Giriş metni alanının arka plan rengi olay, yani 'odaklanma' tetikleyicisi üzerine değişecek şekildedir.</li> </ul> <p> <strong> Çıktı</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> Çıktı, ' <strong> odaklan</strong> ” olayı tetiklendiğinde, verilen giriş alanının arka plan rengi buna göre değişir.</p> <h2> <strong> Örnek 2:</strong> “ <strong> odaklanma olayı</strong> ” <strong> Uyarı Kutusu ile</strong> </h2> <p> Bu örnekte, olay üzerine bir uyarı kutusu görüntülenebilir, örneğin, ' <strong> odaklan</strong> ” kullanıcı tanımlı bir işlev aracılığıyla tetiklenir.</p> <h3> <strong> HTML Kodu</strong> </h3> <p> İlk olarak, aşağıdaki HTML koduna bir göz atın:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> odaklan <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Etkinlik</span></a> JavaScript'te<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Odaklanmak için giriş alanından içeriye tıklayın<span class="br0"> (</span> odaklan<span class="br0"> )</span> .<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> İsim</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> giriş tipi<span class="sy0"> =</span><span class="st0"> 'metin'</span> İD<span class="sy0"> =</span><span class="st0"> 'geçiş1'</span> Yer tutucu<span class="sy0"> =</span><span class="st0"> 'Adınızı giriniz'</span><span class="sy0"> ></span> <p> Yukarıdaki HTML kod bloğunda:</p> <ul> <li> Aynı şekilde, “ aracılığıyla 2. seviye bir alt başlık ekleyin. <strong> <h2></strong> ” etiketini kullanın ve “ kullanarak bir paragraf ekleyin. <strong> <p></strong> ' etiket.</li> <li> Benzer şekilde, sırasıyla belirtilen etiket, içerik türü, kimlik ve yer tutucu aracılığıyla bir giriş alanı tanımlanır.</li> </ul> <h3> <strong> JavaScript Kodu</strong> </h3> <p> Şimdi, aşağıdaki JavaScript kodunu göz önünde bulundurun:</p> <span class="sy0"> <</span> senaryo<span class="sy0"> ></span> <br> <br> belge.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'geçiş1'</span><span class="br0"> )</span> .<span class="me1"> odaklan</span> <span class="sy0"> =</span> işlev<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> gösteri<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> işlev demosu<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> uyarı<span class="br0"> (</span><span class="st0"> 'Giriş alanına odaklanın.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> senaryo<span class="sy0"> ></span> <p> Yukarıdaki kod parçacığında:</p> <ul> <li> “ <strong> Document.getElementById()</strong> ” yöntemi, giriş alanını kimliği aracılığıyla getirir ve olayı ilişkilendirir, yani, “ <strong> odaklan</strong> ' Bununla birlikte.</li> <li> Öyle ki JavaScript işlevi “ <strong> demo()</strong> ”, olay tetikleyicisi üzerine çağrılır ve “ <strong> uyarı</strong> ” belirtilen mesajı içeren kutu.</li> </ul> <p> <strong> Çıktı</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> Bu çıktıda, fare giriş alanı içine tıklandığında elemanın odaklandığı ve böylece belirtilen mesajı gösteren “alert” kutusunun açıldığı gözlemlenebilir.</p> <h2> <strong> Çözüm</strong> </h2> <p> JavaScript, “ <strong> odaklan</strong> İlişkili HTML öğesi onun içinde hareket ettiğinde tetiklenen olay, yani odak alır. '' nin tersidir. <strong> Bulanık</strong> ” öğe odağı kaybettiğinde tetiklenen olay. Tetiklendikten sonra istenen görevi gerçekleştirmek için JavaScript işlevini çağırmak için kullanılabilir. Bu kılavuz, JavaScript'te 'odaklanma' olayının amacını, işleyişini ve kullanımını gösterdi.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/diger/" class="tag-cloud-link">Diğer</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jüpiter Defter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li><li> <a href="/cihaz-gecisi/">cihaz geçişi</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9C/how-to-breed-a-parrot-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecraft-ta-papagan-nasil-yetistirilir">Minecraft'ta Papağan Nasıl Yetiştirilir</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F6/how-to-update-and-commit-only-a-file-8217-s-permissions-using-git-version-control-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-surum-kontrolunu-kullanarak-yalnizca-bir-dosyanin-izinlerini-guncelleme-ve-taahhut-etme">Git Sürüm Kontrolünü Kullanarak Yalnızca Bir Dosyanın İzinlerini Güncelleme ve Taahhüt Etme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C9/how-to-upload-micropython-firmware-to-esp32-using-upycraft-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/upycraft-ide-kullanarak-micropython-urun-yazilimini-esp32-ye-yukleme">uPyCraft IDE Kullanarak MicroPython Ürün Yazılımını ESP32'ye Yükleme</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F7/how-to-install-memcached-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-ta-memcached-nasil-kurulur">Windows'ta Memcached Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B8/how-to-change-text-bubble-color-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/android-de-metin-balonu-rengi-nasil-degistirilir">Android'de Metin Balonu Rengi Nasıl Değiştirilir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C7/what-are-the-s3-bucket-s-restrictions-and-limitations-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/s3-kovasinin-kisitlamalari-ve-sinirlamalari-nelerdir">S3 Kovasının Kısıtlamaları ve Sınırlamaları nelerdir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2C/how-to-use-the-kubernetes-annotations-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubernetes-ek-aciklamalari-nasil-kullanilir">Kubernetes Ek Açıklamaları Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/61/why-is-roblox-not-working-on-my-phone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/roblox-neden-telefonumda-calismiyor">Roblox Neden Telefonumda Çalışmıyor?</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/40/how-to-install-terminator-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-21-e-terminator-nasil-kurulur">Linux Mint 21'e Terminatör Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/85/what-are-app-building-components-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/matlab-de-uygulama-olusturma-bilesenleri-nelerdir">MATLAB'de Uygulama Oluşturma Bileşenleri nelerdir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9C/check-if-event-target-has-a-specific-class-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/event-target-in-javascript-kullanarak-belirli-bir-sinifi-olup-olmadigini-kontrol-edin">Event.target'ın JavaScript Kullanarak Belirli Bir Sınıfı Olup Olmadığını Kontrol Edin</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0C/how-to-resolve-windows-update-problems-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-update-sorunlari-nasil-cozulur">Windows Update Sorunları Nasıl Çözülür?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/how-to-learn-c-for-beginners-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/yeni-baslayanlar-icin-c-nasil-ogrenilir">Yeni Başlayanlar İçin C++ Nasıl Öğrenilir</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/82/count-the-distinct-combinations-on-multiple-columns-in-sql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-de-birden-cok-sutundaki-farkli-kombinasyonlari-sayma">SQL'de Birden Çok Sütundaki Farklı Kombinasyonları Sayma</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D1/how-to-access-kali-desktop-using-remote-desktop-protocol-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/uzak-masaustu-protokolunu-kullanarak-kali-masaustune-nasil-erisilir">Uzak Masaüstü Protokolünü Kullanarak Kali Masaüstüne Nasıl Erişilir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F1/how-to-remove-file-from-git-using-git-rm-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-rm-komutunu-kullanarak-dosyayi-git-ten-kaldirma">Git rm Komutunu Kullanarak Dosyayı Git'ten Kaldırma</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/87/write-a-binary-file-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-da-ikili-dosya-yazma">C++'da İkili Dosya Yazma</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C4/how-to-use-the-wget-command-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-ta-wget-komutu-nasil-kullanilir">Linux'ta wget Komutu Nasıl Kullanılır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/60/how-to-install-synaptic-on-the-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-ye-synaptic-nasil-kurulur">Raspberry Pi'ye Synaptic Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6E/volatile-c-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/ucucu-c">Uçucu C++</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>