So far,
you've researched browser events, and
you've taken a peak
at them being logged.
Now it's time to actually listen for
and respond to them with jQuery.
There are three items you need in order
to listen for events and react to them.
You need the target element to listen
to, the event we want to react to,
and the actions to take in response.
Let me show you an example.
I need the target element that
jQuery will be listening to for
events, so I'll use jQuery
to select the input field.
Next, I call the on method.
This on method is where
the magic happens.
It's the primary way the jQuery
uses to set up event listeners.
The first argument to the on method
is the event I want to listen for.
In this example, it's keypress.
But it could also be click, change,
and mouseover to name a few.
And finally,
I need to pass a function with the
actions I want to happen in response.
This function is called the callback.
The callback function being
passed to the on method,
is just a regular JavaScript function.
And therefore, can contain
any JavaScript code you want,
from altering page content
to analytics code.
I'll change the contents of the function
to alter the color of the page.
And I'll test it.
Bam.
Looks good.
In the next quiz, you're going to
create your own event listener.
،حتى الآن
،كنتم تتدارسون الأحداث التي تتم على المستعرض
ووصلتم لأهم تفاصيلها
.خلال تسجيلها
والآن حان وقت الإصغاء
.والاستجابة لها باستخدام jQuery
لهذا الغرض، هناك ثلاثة عناصر تحتاجونها من أجل
.أن توزعوا رسائل الأحداث وتتفاعلوا معها
تحتاجون إلى العنصر الهدف لتوزيع رسائله
والحدث الذي نريد التفاعل معه
.والإجراءات المطلوب اتخاذها استجابةً لذلك
.دعوني أريكم مثالاً عمليًا
أحتاج أولاً إلى العنصر الهدف الذي
ستوزع jQuery رسائله
للأحداث؛ وبالتالي سأستخدم jQuery
.لكي أحدد الحقل input
.ثم سأستدعي الأسلوب
وأسلوب on هذا هو
.مكمن البراعة في الأمر
إنه الوسيلة المبدئية التي تستخدمها jQuery
.لإعداد موزعات رسائل الأحداث
والوسيطة الأولى لأسلوب on
.هي الحدث الذي أريد أن أوزع رسائله
.والتي تعتبر في هذا المثال: keypress
ولكنها يمكن أيضًا أن تكون النقر والتغيير
.وتحريك الماوس لتسمية البعض
،وفي نهاية الأمر
أنا أسعى إلى تمرير دالة
.بالإجراءات التي أريد أن تحدث كاستجابة
.وهذه الدالة تُدعى الاستدعاء
ودالة الاستدعاء الجاري
تمريرها إلى الأسلوب on
.ما هي إلا دالة JavaScript عادية
وبالتالي يمكنها أن تحتوي على
،أي تعليمة JavaScript برمجية تريدها
بدءًا من تبديل محتوى الصفحة
.وحتى تعليمة analytics البرمجية
سأغيّر محتويات الدالة
.لكي أبدّل لون الصفحة
.ثم أختبرها
.ها هو ذا
.يبدوا جيدًا
،في الاختبار التالي
.ستنشئون موزع رسائل الأحداث الخاص بكم
Bisher, Sie haben Browser Ereignisse recherchiert und
Sie haben einen Blick darauf geworfen, wie sie protokolliert werden.
Jetzt ist es Zeit, eigentlich zuzuhören
und antworte ihnen mit jQuery.
Es gibt drei Artikel, die Sie benötigen
um Ereignisse zu hören und darauf zu reagieren.
Sie benötigen das Zielelement, um zuzuhören,
das Ereignis, auf das wir reagieren wollen
und die Aktionen, die als Reaktion ergriffen werden müssen.
Lassen mich ihnen ein Beispiel zeigen.
Ich brauche das Zielelement, das jQuery wird für Ereignisse zuhören,
daher verwende ich jQuery
um das Eingabefeld auszuwählen.
Dann, rufe ich die on-Methode auf.
Diese on-Methode is wo die Magie passiert.
Diese ist die Hauptmethode die jQuery benutzt, um Ereignis-Listenern zu einrichten.
Das erste Argument für die on-Methode
ist das Ereignis, auf das ich hören möchte.
In diesem Beispiel ist es der Tastendruck.
Es könnte aber auch klicken, ändern,
und Mouseover sein, um nur einige zu nennen.
Und schließlich,
Ich muss eine Funktion übergeben mit dem Aktionen, die ich als Antwort ausführen wolle.
Diese Funktion ist "Rückruf" genannt.
Die Rückruffunktion, die an die on-Methode übergeben wird,
ist nur eine reguläre JavaScript-Funktion.
Und kann, daher, Beliebiger JavaScript-Code, den Sie möchten enthalten
von der Änderung des Seiteninhalts
zu Analytics-Code.
Ich ändere den Inhalt der Funktion
um die Farbe der Seite zu ändern.
Und ich teste es.
Bam.
Sieht gut aus.
Im nächsten Quiz erstellen Sie Ihren eigenen Ereignis-Listener.
So far, you've researched browser events
and you've taken a peak
at them being logged
Now it's time to actually listen for
and respond to them with jQuery
There are 3 items you need in order to
listen for events and react to them
You need: the target element to listen to
the event we want to react to
and the actions to take in response
Let me show you an example
I need the target element that jQuery
will be listening to for events
I'll use jQuery to select the input field
Next, I call the "on method"
This on method is where the magic happens
It's the primary way the jQuery uses
to set up event listeners
The first argument to the on method
is the event I want to listen for
In this example, it's keypress
but it could also be click, change
and mouseover to name a few.
And finally,
I need to pass a function with
the actions I want to happen in response
This function is called a "callback"
The callback function being passed
to the on method
is just a regular JavaScript function
and therefore, can contain
any Javascript code you want
from altering page content
to analytics code
I'll change the contents of the function
to alter the colour of the page
And I'll test it
Bam
Looks good!
In the next quiz, you're going to create
your own event listener
Hasta aquí,
usted ha investigado eventos del navegador, y
usted ha tomado un pico
a ellos que se registren.
Ahora es el tiempo para escuchar realmente a
y responder a ellos con jQuery.
Hay tres elementos que necesita con el fin
para detectar eventos y reaccionar ante ellos.
Es necesario el elemento objetivo para escuchar
para, el evento queremos reaccionar,
y las acciones a tomar en respuesta.
Déjame mostrarte un ejemplo.
Necesito el elemento objetivo que
jQuery se escuchaba por
eventos, así que vamos a usar jQuery para seleccionar el campo de entrada.
A continuación, me llamo el de método.
Este método es en donde
la magia sucede.
Es la forma primaria del jQuery
utiliza para configurar los detectores de eventos.
El primer argumento a la del método
es el evento que quiero escuchar.
En este ejemplo, es pulsación de tecla.
Pero también podría ser hacer clic, el cambio,
y mouseover por nombrar algunos.
Y finalmente,
Tengo que pasar una función con el
acciones que quieren que suceda en respuesta.
Esta función se llama la devolución de llamada.
El ser llamada de retorno
pasó a la del método,
es sólo una función regular JavaScript.
Y por lo tanto, puede contener
cualquier código JavaScript que desee,
de alterar el contenido de la página
al código de análisis.
Voy a cambiar el contenido de la función
para alterar el color de la página.
Y voy a probarlo.
Bam.
Luce bien.
En el siguiente ejercicio, vas a
crear su propio detector de eventos.
Hasta aquí,
usted ha investigado eventos del navegador , y
usted ha tomado un pico
a ellos que se registren .
Ahora es el tiempo para escuchar realmente
y responder a ellos con jQuery .
Hay tres elementos que necesita con el fin
para detectar eventos y reaccionar ante ellos.
Es necesario el elemento objetivo para escuchar
para , el evento queremos reaccionar,
y las acciones a tomar en respuesta .
Déjame mostrarte un ejemplo .
Necesito el elemento objetivo que
jQuery se escuchaba por
eventos , así que vamos a usar jQuery
para seleccionar el campo de entrada .
A continuación, use el método ya conocido
Este método es en donde
la magia sucede.
Es la forma primaria que jQuery
utiliza para configurar los detectores de eventos .
El primer argumento del método
es el evento que quiero escuchar
En este ejemplo , es pulsación de tecla.
Pero también podría hacer clic , el cambio ,
y mouseover por nombrar algunos .
Y finalmente,
Tengo que pasar una función con las
acciones que quieren que suceda en respuesta .
Esta función se llama la devolución de llamada .
La llamada de retorno
pasó a la del método ,
es sólo una función regular JavaScript .
Y por lo tanto , puede contener
cualquier código JavaScript que desee,
de alterar el contenido de la página
al código de análisis .
Voy a cambiar el contenido de la función
para alterar el color de la página.
Y voy a probarlo.
Bum.
Luce bien.
En el siguiente ejercicio , vas a
crear su propio detector de eventos.
Jusqu'ici, vous avez recherché
des événements de navigation,
et les avez pointés
lors de la connexion.
Il est temps à présent de les écouter
et de leur répondre avec jQuery.
Trois éléments sont nécessaires afin
d'écouter et de réagir à des événements.
Vous avez besoin de l'élément cible,
de l'événement auquel réagir,
et des actions de réponse.
Prenons un exemple.
J'ai besoin de l'élément cible
que jQuery écoutera pour
les événements, je vais donc utiliser
jQuery pour sélectionner le champ de saisie.
Ensuite, j'appelle la méthode on.
C'est avec cette méthode on
que la magie opère.
C'est le principal moyen utilisé par jQuery
pour mettre en place des event listeners.
Le premier argument de la méthode on
est l'événement que je veux écouter.
Dans cet exemple, keypress
(pression d'une touche).
Mais ça peut aussi être click, change
et mouseover pour en nommer certains.
Et enfin,
j'ai besoin de passer en paramètre
la fonction avec les actions de réponse.
Cette fonction est appelée callback (rappel).
La fonction callback passée en paramètre
de la méthode on,
est une fonction JavaScript normale.
Donc, peut contenir n'importe
quel code JavaScript,
allant de la modification de contenu
à du code analytique.
Je vais modifier le contenu de la fonction
pour changer la couleur de la page.
Et je la teste.
Bam.
C'est pas mal.
Dans le prochain quiz, vous allez
créer votre propre listener.
अब तक,
आपने ब्राउज़र इवेंट्स का अद्धयन किया
आपने उनके दर्ज़ होने की
प्रक्रिया देखी
अब बारी है, उन्हें सुनने और
जे-क्वेरी के मदद से, इनके उत्तर देने की
ऐसा करने के लिए आपको
तीन बातों का ध्यान रखना होगा
टारगेट एलिमेंट, जिन्हें सुनना है
इवेंट, जिन पर प्रतिक्रिया करनी है
और कार्य, जो प्रतिक्रिया में की जाएगी
एक उदाहरण लेते है
मैं एक टारगेट-एलिमेंट चुनूंगा
जिसे जे-क्वेरी इवेंट के लिए सुनेगा
तो मैं जे-क्वेरी की मदद से
एक इनपुट फील्ड चुनूंगा
आगे, मैं ऑन मेथड को
कॉल करता हूँ
ऑन मेथड वह जगह है
जहाँ यह जादू होता है
इसी मुख्य तरीके से, जे-क्वेरी
इवेंट्स लिसनर बनाते है
ऑन मेथड का पहला आर्ग्यूमेंट
वह इवेंट है,जिसे हम सुनना चाहते है
इस उदाहरण में,
की-प्रेस है
पर यह क्लिक, चेंज या माउस-ओवर
भी हो सकता है
और अंत में,
एक फक्शन, उस एक्शन के साथ पारित
होगा जिसे मैं प्रतिक्रिया में चाहता हूँ
यह फक्शन, कॉल-बैक कहलाती है
ऑन मेथड को पास किया जाने वाला
यह कॉल-बैक फक्शन
एक साधारण
जावा-स्क्रिप्ट फंक्शन है
जिसमें कोई भी जावा-स्क्रिप्ट कोड
भरे जा सकते है
पेज की विषय-वस्तु बदलने से
लेकर विश्लेषणात्मक कोड तक
मैं कॉल-बैक में पेज का रंग
बदलने वाला कोड डालूँगा
और जाचूँगा
बैम!
काम कर रहा है
अगले क्विज में आप खुद
अपना इवेंट्स लिसनर बनायेंगे
Eddig megismerted a böngésző
eseményeket, és beleshettél
abba, hogy miként kerülnek
azok naplózásra.
Itt az ideje ténylegesen figyelni és
reagálni rájuk jQuery-vel.
Három elemre van szükséged ahhoz, hogy
eseményeket megfigyelj és reagálj rájuk.
Kell a megfigyelt cél elem, az esemény,
amire reagálni akarunk,
és a művelet, amit válaszként csinálunk.
Lássunk egy példát.
Kell egy cél elem, amit a jQuery figyelni
fog az eseményekért,
ezért a jQuery-t használom a beviteli
mező kiválasztásához.
Ezután meghívom a metódust.
Ez az on metódus az, ahol a
varázslat megtörténik.
Főleg ezt a módot használja a jQuery,
hogy figyelőket állítson be.
A metódus első argumentuma az
esemény, amit figyelni szeretnék.
Például egy gombnyomás.
De ez lehet kattintás, változás, egér
rávitel, hogy párat említsek.
Végül át
kell adnom a függvényt a műveletekkel,
amiket válaszokként szeretnék.
Ez a függvény a callback (visszahívás).
Az on metódusnak átadott visszahívás
csak egy szokványos
JavaScript függvény.
És ezért bármilyen JavaScript kód lehet
benne, amit szeretnél,
az oldaltartalom módosításától az
analitikus kódokig.
Megváltoztatom a függvény tartalmát az
oldalszín megváltoztatásához.
És letesztelem.
Íme.
Jónak tűnik.
A következő tesztben saját esemény-
figyelőt fogsz csinálni.
Finora,
hai ricercato eventi browser, e
li hai sbirciati
e visto che sono connessi.
Ora è tempo di ascoltare
e rispondergli con JQuery.
Ci sono tre oggetti necessari per
ascoltare e reagire agli eventi.
Devi individuare l'elemento da ascoltare,
l'elemento al quale vogliamo reagire,
e le azioni da eseguire in risposta.
Ti mostro un esempio.
Mi serve l'elemento target
che JQuery starà ascoltando
per gli eventi, quindi userò JQuery
per selezionare il campo di input.
Poi, richiamo il metodo on.
È qui che succede la magia.
È il modo principale che usa JQuery
per impostare i listener.
Il primo argomento del metodo on
è l'elemento che cerco di ascoltare.
In questo esempio,
è keypress
Ma potrebbero essere click, change,
e mouseover per dirne alcuni.
In fine,
Devo passare una funzine con le azioni
voglio che accadano nella risposta.
La funzione è chiamata callback.
La funzione callback
passata nel metodo on,
è una semplice funzione JavaScript.
E quindi, può contenere
qualsiasi codice JavaScript,
da modifiche al contenuto della pagina
a codici analitici.
Cambierò la funzione per modificare
il colore della pagina.
E farò un test.
Bam.
Bello.
Nel prossimo quiz, creerai
il tuo evento listener.
ここまでで、イベントの仕様を調査する方法と
イベントの挙動をログで確認する方法とを学びました。
ではjQueryでイベントを検知し、応答してみましょう。
イベントに応答するには、3つの設定が必要です。
検知対象エレメントの指定、応答すべきイベントの指定、
そして、実行される動作の指定です。
例を見てみましょう。
検知したいエレメントを、jQueryで指定します。
この例の場合、inputフィールド指定しています。
次にon()メソッドを呼び出します。
このon()メソッドがjQueryの魔法の源です。
このメソッドにより、イベントリスナーが設定されます。
最初の引数に、検知したいイベント名を指定します。
この例の場合、keypressイベントです。
他にclick,change,mouseoverなど、幾つかが設定可能です。
そして最後に
実行される動作を定義したファンクションを指定します。
このファンクションのことをコールバックと呼びます。
on()メソッドに渡される、このコールバックは
正規のJavaScriptファンクションです。
ですので、ページ内容の操作からユーザ行動の分析まで
どんなJavaScriptコードでも実行可能です。
試しにページの色を変えるファンクションを定義して、、、
実行してみます。
どーん。成功です。:)
次のクイズで、イベント検知の定義に挑戦しましょう。
지금까지 여러분은 브라우저 이벤트를 찾아보고
로그가 기록되는 걸 지켜봤습니다
이제는 jQuery로 이벤트를 감지하고
반응해 볼 시간이네요
그것들을 감지하고 반응하기 위해 세 항목이 필요합니다
감지할 대상 요소, 반응할 이벤트,
그리고 반응으로 취할 행동이죠
예를 보여드릴게요
먼저 jQuery가 이벤트를 위해 감지할 대상 요소가 필요하죠
그래서 저는 jQuery로 인풋 필드를 선택할게요
그리고 .on() 메소드를 호출했어요
이 .on() 메소드가 바로 마법이 일어나는 부분이죠
jQuery가 이벤트 리스너를 설정하기 위해
주로 쓰는 방법입니다
on 메소드의 첫 번째 값은
제가 감지해내고 싶은 이벤트입니다
이 예시에서는 keypress죠
click이나 change 또는 mouseover 같은
이름이 될 수도 있어요
마지막으로 반응으로서 취할 행동으로
함수를 보내야 합니다
이 함수는 callback()이라고 불리죠
on() 메소드에 보내진 callback() 함수는
그냥 일반적인 자바스크립트 함수죠
그래서 여러분이 원하는
아무 자바스크립트 코드나 모두 포함할 수 있어요
페이지 컨텐츠 변경 코드부터 분석 코드까지요
페이지 색을 바꾸기 위해서 함수 내용을 바꿔 볼게요
테스트 해보면
짠, 괜찮네요
다음 퀴즈에서는 여러분이 직접
이벤트 리스너를 만들어 보겠습니다
Até agora, você estudou
eventos do navegador e
deu uma olhada
no registro deles.
Agora é hora de realmente escutar
e responder a eles usando o jQuery.
Você precisa de três itens para
escutar eventos e reagir a eles.
Precisa do elemento alvo que deve ser
escutado, o evento ao qual queremos reagir
e as ações que devem ser executadas como resposta.
Vou mostrar um exemplo.
Preciso do elemento alvo cujos
eventos o jQuery escutará,
então vou usar o jQuery
para selecionar o campo de entrada.
Depois, vou chamar o método on.
Esse método on é onde
a mágica acontece.
Essa é a principal maneira que o jQuery
usa para configurar observadores de eventos.
O primeiro argumento do método on
é o evento que quero escutar.
Neste exemplo, é keypress.
Mas alguns outros também poderiam ser
click, change e mouseover.
E, por fim,
preciso passar uma função com as
ações que devem acontecer como resposta.
Esta função é chamada de callback.
A função de callback que está
sendo passada para o método on
é apenas uma função JavaScript regular.
Portanto, ela pode conter
qualquer código JavaScript que você queira,
da alteração do conteúdo da página
a um código de análise.
Vou mudar o conteúdo da função
para alterar a cor da página.
E vou fazer um teste.
Pronto.
Parece bom.
No próximo teste, você vai
criar seu próprio observador de eventos.
Вы исследовали события браузера,
наблюдали их во время их регистрации.
Теперь пришло время слушать их
и реагировать на них с помощью jQuery.
Для этого нужны три вещи -
нужен элемент для прослушивания,
событие, на которое мы хотим реагировать,
и необходимые ответные действия.
Давайте я покажу вам пример.
Мне нужен целевой элемент,
который jQuery будет прослушивать,
поэтому я буду использовать jQuery
для выбора поля ввода.
Далее - я вызываю метод .on()
В этом методе .on()
и происходит все волшебство.
Это основной способ, используемый jQuery
для установки слушателей событий.
Первый аргумент метода .on() -
это событие, которое я хочу слушать.
Здесь - это нажатие клавиши.
Но это также может быть клик,
изменение и наведение указателя мыши.
И, наконец,
нужно передать функцию
с действиями в ответ на событие.
Эта функция называется
функцией обратного вызова.
Функция обратного вызова,
передаваемая в метод .on(),
это просто обычная функция JavaScript.
И поэтому она может содержать
любой код JavaScript,
от изменения содержания страницы
до аналитического кода.
Я изменю код функции,
чтобы изменить цвет страницы.
И я проверю это.
... Смотрится хорошо.
Далее, в контрольной, вы сделаете
собственный слушатель событий.
Mpaka sasa
Şu ana kadar, tarayıcı
etkinliklerini araştırdınız, ve
ve onların kaydedilmesine şahit oldunuz.
Şimdi ise jQuery ile onları dinlemenin
ve tepki vermenin zamanı geldi.
Etkinlikleri dinlemek ve onlara tepki
vermek için 3 şeye ihtiyacınız var:
Dinlenecek hedef ögeye,
tepki vereceğimiz etkinliğe,
ve yanıt olarak sergileyeceğimiz eylemlere
İzin verin size bir örnek göstereyim.
jQuery'nin etkinlik için
dinleyeceği hedef ögeye
ihtiyacım var. O zaman jQuery kullanarak
veri giriş alanını seçeceğim.
Sonra, "on" metodunu çağırıyorum.
"on" metodu asıl sihrin gerçekleştiği yer.
Bu, jQuery'nin etkinlik dinleyicilerini
kurmakta kullandığı temel yol.
"on" metodunun ilk argümanı,
dinlemek istediğim etkinlik.
Bu örnekte ise, tuşa basılması ('keypress')
Fakat tıklama [click], mouse'un üzerine gelmesi
[mouseover] veya değişmesi [change] de seçeneklerden
Ve son olarak
metoda, cevap olarak yapılacak eylemleri
tanımlayan bir fonksiyon eklemeliyim.
Bu fonksiyona geri çağrı denir [callback].
Metoda geçirilen geri çağrı fonksiyonu,
sıradan bir Javascript fonksiyonudur.
Böylece istediğiniz Javascript
kodunu barındırabilir,
sayfanın içeriğini değiştirmekten
analitik kodlara kadar.
Fonksiyonun kodunu sayfanın rengini
değiştirecek şekilde yazacağım.
Ve test edeceğim.
Bam. Harika görünüyor.
Bir sonraki quizde, kendi
etkinlik dinleyicinizi oluşturacaksınız.
До цих пір ви шукали події браузера і
побачили де вони розміщаються.
Тепер час послухати і реагувати на них у jQuery.
Потрібні три речі, щоб слухати події і реагувати на них.
Ви маєте слухати цільовий елемент, щоб реагувати на подію, яка нам треба
і виконати у відповідь певні дії.
Давайте покажу вам приклад.
Мені треба цільовий елемент, котрий jQuery буде слухати
для подій, то ж я використаю jQuery, щоб обрати поле вводу
далі я викликаю on метод
З оцим on методом і відбувається магія.
Це основний крок, що використовує jQuery для налаштування обробки подій.
Перший аргумент по on методу - це подія, яку я хочу почути
В цьому прикладі, це натиснення клавіші.
Це міг також бути клік, зміна і "mouseover".
І нарешті,
Треба передати функцію з дій, які мають статися у відповідь.
Ця функція називається функція зворотнього виклику.
Функція callback передається в основі on методу,
і є регулярною функцією JavaScript.
Отже може вміщати будь-який JavaScript код:
від вмісту змінюваної сторінки до аналітики коду.
Я змінюю вміст функції, щоб змінити колір сторінки.
Я його перевірю.
О, виглядає добре.
В наступному завданні ви створите свій власний приймач обробки подій.
Từ rất lâu về trước,
bạn đã nghiên cứu những sự kiện trình duyệt, và
bạn đã vươn tới đỉnh cao khi chúng được truy cập vào.
Bây giờ là lúc bạn thực sự "lắng nghe" và phản ứng lại
chúng với jQuery.
Có ba vật mà bạn cần để "lắng nghe" những sự kiện
và phản ứng lại với chúng.
Bạn cần thành phần mấu chốt để "lắng nghe",
để phản ứng lại
và thực hiện những hành động phản ánh.
Để tôi cho bạn xem một ví dụ.
Tôi cần một yếu tố chính để jQuery sẽ
"lắng nghe"
những sự kiện, nên tôi sẽ sử dụng jQuery
để lựa chọn lĩnh vực đầu vào.
Tiếp theo, tôi sẽ tìm hiểu về phương pháp.
Phương pháp này chính là nơi mà điều kì diệu xảy ra.
Đây là cách cơ bản mà jQuery
tạo nên những sự "lắng nghe".
Sự tranh luận đầu tiên trên phương pháp này là
sự kiện mà tôi muốn lắng nghe đầu tiên.
Trong ví dụ này, đó là hành động nhấn phím
Nhưng nó vẫn có thể là click, thay đổi hoặc
di chuyển chuột, đại loại như thế
Và cuối cùng,
Tôi cần chuyển giao một chức năng ứng với hành động
mà tôi muốn xảy ra khi có phản ứng.
Chức năng này gọi là nhắc lại.
Chức năng nhắc lại sẽ được chuyển qua
phương thức ,
và chỉ là một chức năng JavaScript bình thường.
Và vì thế, có thể bao gồm tất cả những mã
JavaScript bạn muốn
từ sự thay đổi nội dung trang đến phân tích mã nguồn.
Tôi sẽ thay đổi nội dung của chức năng để thay đổi
màu sắc của trang.
Và tôi sẽ chạy thử.
Bam.
Có vẻ tốt đấy.
Trong bài kiểm tra tiếp theo, bạn sẽ phải tạo ra
sự "lắng nghe" sự kiện của riêng bạn
到目前为止,我们已经学习浏览器事件
你已经了解了它们是如何被记录的
现在来看看如何用jQuery来监听和响应这些事件
响应和监听它们需要三个部分
被监听的目标元素,我们想要响应的事件
和响应的动作
来看一个例子
需要一个jQuery将要监听的目标元素
所以我用jQuery来选择输入范围
接下来,我将它命名为on方法
on方法就像变魔术
它是jQuery主要采用的一种设置事件监听的方法
on方法的第一个参数是想要监听的这个事件
这个例子中,就是keypress
它同样可以是用click,change,和mouseover这样一些来命名
最后
需要为这个动作加载一个响应函数
这里将函数命名为callback
这个callback函数加载到on方法里
这只是一个标准的JavaScript函数
所以,你可以包含任何你想要的Javascript代码
比如从改变页面内容到分析代码
我将通过改变函数的内容来改变这个页面的颜色
测试看看
看起不错!
在下一个测试中,你将创建你自己的事件监听