15 Kasım 2013, Cuma

Tuval Bootcamp 14 - Fare Javascript Öğretici Koordinatları.

Bu egzersiz biz en önemli birini karşılamak için gidiyoruz Irak'ın div kampüs uygulamaları yapma yönleri kadar Biz okumak veya kullanıcının yakalamak için nasıl gösterecektir Fare biz belirttiğiniz bir bankta üzerine koordinatları Biz bizim CTX aldıktan sonra tamam biz gidiyoruz ilk şey yapmak Burada nesne başvurusu agnew olay dinleyicisi olduğunu mousemove veya mousemove hangi yolu üzerinde olay dinleyicisi de bağlı bir ve yönetici dinleyici yöntemi kullanır biz Teksas Tech kampüs göreceksiniz böylece Daha sonra dinleyici açık yakın parantez eklemek var ilk parametre biz dinlemek

istediğiniz olay olduğunu noktalı virgül ve bu bir mousemove yüzden her zaman fare hareket hiç olacak kampüs içinde bu olay fonksiyonu kapalı ateş gidiyor şimdi virgül koymak fonksiyon yerleri koymak yapmak zorunda ve

daha sonra ikinci parametre işlevi kendisi olabilir ve biz sadece burada olay koyacağım Bizim işlevi açılış koymak içinde biz gerekirse olay başvuru için kaşlı ayraç kapanış küme ayracı şimdi yapabileceğiniz bu

“Ders Kodu: http://www.developphp.com/video/JavaScript/Detect-Mouse-Coordinates-on-Canvas Bu egzersiz biz JavaScript ile interaktif tuval uygulamaları yapmanın en ...”
Adam Khoury

aşağı getirmek olduğunu açma ve kapatma küme ayracı içinde bir çift bu aşağı getirebilir hatlarının ve daha sonra uygun bir girinti geri onları buraya getirmek şimdi bir olay var dinleyici herhangi bir zamanda hazır mousemove kampüste fare hareket Biz yürütebilirsiniz burada bu işlev içinde koymak kod onun bar fare X ilk tek tip biz istediğimiz için fare en fuar, biz olaya eşit alabilirsiniz nokta istemci X şimdi bu değer yaratmak bitmedi şimdi se

Tuval Bootcamp 14 - Fare Javascript Öğretici Koordinatları. Resim 1 Tuval Bootcamp 14 - Fare Javascript Öğretici Koordinatları. Resim 2 Tuval Bootcamp 14 - Fare Javascript Öğretici Koordinatları. Resim 3 Tuval Bootcamp 14 - Fare Javascript Öğretici Koordinatları. Resim 4

ks ama istiyorum biz sadece böyle bırakırsanız, biz ne olsun sana göstereceğim Fare için aynı şey gider neden ev neden istemci sonra neden ve ona eşit ne istemci neden ve size müşteri X dönüş kullanıcının fare koordinatları Tüm sayfa yüzden yapacağım pencerede vücuda aşağı gitmek olduğunu ve ben öylece bu öylece için olacak h2 eleman eklendi ediyorum test amaçlı Ben eşit verilen bir kimlik değilim Varsayılan olarak statü hepsi sadece 0 bar sembolü vardı Diğer tarafta konum olarak bilinen bu eski temsil Bu yapabileceği

miz biz içine gidin şimdi fare de y konumunu temsil fare hareketi fonksiyonu ve durum eleman kötü kimliği almak belgeyi yazın için nokta iç HTML eşit say mil X aslında bana bu durumu atalım X kontrol ve ben sadece yeni yapacağız eşit statü için bar Ben o eleman sayfadaki ve durumunu söylemek için o HTML sonra fare X eşit ve bu dizeyi birleştirilmiş Daha sonra yönetmelik ve benzeri fare Ben bu var olacak aşağı sırıtmak ne aralarında bar sembolünü ekleyeceğiz bu Buraya durum eleman her zaman tüm fare hareketleri Kampüste şimdi biz hala bu ayarlamak zorunda Doğru fare oluşturmak için biraz değer X miktarı neden ama ben size yönetmesine değerleri gibi ne olsun size göstermek istiyorum bu temelde kullanıcıların Maus pozisyon almak Burada .0 0 üzerinde mücadele başka bir nedeni tarayıcı içinde Kampüste bomba fuar biri 11 Benim fare ile ve benim konum tek görüyorum nedeni Çünkü orada 11 onbir aşağı Henüz kampüs sayfasında yer alan ayakkabı telafi değil böylece ofset sol çıkarmak zorunda kampüs web sayfasında yatıyor ve üst özelliklere ofset Biz olay söylemek böylece hangi yapmak için çok basit bir istemci X hangi nerede kullanıcıların mouse kim döndürür Bütün sayfadaki fuar yüzden elimizdeki tüm yapmak CTX nokta kampüs olduğu çıkarmak olduğunu nokta sol ofset ve uygun fare koordinatlarını almak neden uçak yanı sıra biz sadece kampüs için CTX ofset dot demek Üst mülkiyet Eylül üst sol ofset için Kampüs oturduğunu kaç piksel size geri Sol kanattan gelen ofset ve sayfanın üzerinde oturan nerede üstten ofset Kullanıcıların fare konumu yerden sadece bu değerleri çıkarma için sayfadaki şimdi bizim kampüs yenilemek bana 1 konumuna geri dönelim ve bir DC şimdi benim fare için uygun konumlandırma olsun Şimdi her zaman benim fare kampüs üzerinde hareket ederken benim program nerede fare en için y pozisyonunda fuar okuyor Çok köşeye aşağı giderseniz ben 299 yılında 499 olsun göreceksiniz Ben kampüs taşırsanız yani mousemove fonksiyonu durdurur ve aynı zamanda diğer olay moskova mühimmat okuyabilirsiniz işleyicileri artık click olayı için çekme dinleyici dikilir Sadece tıklayın mousemove değişti ve bu bir hale getirecek Bir uyarı sadece şimdi seksi fare neden uyarıları kurtarmak için alarma ruh tipi burada kontrolünü basın Şimdi uygulamayı yenileyin ve fare hareket ettikçe sen hala aynı olsun işlevselliği eskisi gibi ama şimdi tıkladığınızda onun olacak kesin X ve Y koordinatlarını dönüş nerede bu yüzden tıklayın Kullanıcıların mouse zaman neler yapabileceğini yaparken kullanıcı tıklama Bir dikdörtgen veya çok noktaya bir çember çizebilirsiniz SAV balonlar gerçekten hızlı sayfa yukarı yüzen ve sadece bir oyun nerede ile Kullanıcı balon pop için ekrana dokunun vardır Akıllı telefonlar ve Blues için bir oyun yapım eğlenceli olabilir kim kullanıcı sadece dokunun sahip ekranı yüzen Ben nasıl baş için program size gösteriyor olacak küçük bir isabet testi yapabilir test ve çarpışmaları nesne ve aynı zamanda nasıl daha sonra tatbikatlarda gösteren olmak anlamda eğer belli bir kullanıcının fare tıklamaları Kullanıcının maskesi kararname okuma kampüs sahip varlık olan çok Kampüste interaktif uygulamalar yapma önemli önemli bir parçası ya da genel olarak bir web sayfasında aslında üzerinde hareket etmek zorunda değilsiniz kampus Eğer bu tür yapabilirim web sayfasında kullanıcının Moskova kararname okumak için Fare okuma fare kablosu ve hatta kampüs uygulamaları dışında okuma Normal bir web sayfasında sadece mousemove olay koymak Pencerenin uh belge gövdesi üzerinden% kendisini iyi en önemli yani Burada kod hakkında bir şey bu hafta hatırlamak zorunda olduğunu Ofset sol bir ofset top çıkarma İstemci X ve istemci neden fare pozisyonları web sayfasında bu şekilde nerede olursa olsun web sayfasında kampüsler Doğru fare kampüs kendisi göreli koordinatları alırsınız Bu güneş açıklama ve her yerde phil recht ile yapacak Kullanıcıların bekçileri yüzden CTX nokta söylüyorlar maske olduğunu Turuncu eşit Phil tarzı ve CTX karanlık phil recht fare X İkinci parametre mas y ve biz olmak istedim, sonra boyut ve sadece 30 piksel o 30 piksel yapacak Biz yenilemek eğer biz şimdi bizim kampüs aşağı tıklayın biz tıklayınız biz her zaman çizilmiş bir portakal dikdörtgen olsun Tam olarak küçük turuncu olduğunu istersek ne belirtmek ve bu koordinatları Dikdörtgen çizilecek zaman kullanıcı tıkladığında ve merkezde olmak üzere berry merkezini dikdörtgen istiyorum onların fare bu yüzden fare ve neden eksi yarım kırbaç alacağım veya yarım boy doğrusu fare X ve eksi almak duyuyorum nesnenin kendisi de boyutunda hafter zekâ şimdi sadece yenilemek ve biz kare göstermek biz almalısınız fare tıklayın Fare söylemek merkezli Bazı yağmur ve tıklayarak şimdi küçük kareler kadar gösteriyor her yerde klip ve ölü merkez tamam böylece bir fare üzerinde koordinatları kullanmak erişmek için nasıl hakkında tüm gösterir kampus ve bazı için bu değerleri uygulamak İnteraktif kampüs uygulamaları yönleri.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Detect-Mouse-Coordinates-on-Canvas Bu egzersiz biz JavaScript ile interaktif tuval uygulamaları yapmanın en önemli yönlerinden birini kapsayacak şekilde gidiyoruz. Biz okumak veya belirli olaylar üzerine kullanıcının fare koordinatlarını yakalamak için nasıl gösterecektir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.6/10

  • 53
    Olumlu
  • 2
    Olumsuz
  • 13
    Yorum
  • 4831
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Andrey Menshikov

    Andrey Mensh

    28 Ocak 2012
  • International Secret Agents Concerts

    Internationa

    2 Aralık 2008
  • Maya Learning Channel

    Maya Learnin

    23 HAZİRAN 2010

ANKET



Bu sayfa işinize yaradı mı?