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でイベントを検知し、応答してみましょう。
イベントに応答するには、３つの設定が必要です。
検知対象エレメントの指定、応答すべきイベントの指定、
そして、実行される動作の指定です。
例を見てみましょう。
検知したいエレメントを、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代码
比如从改变页面内容到分析代码
我将通过改变函数的内容来改变这个页面的颜色
测试看看
看起不错！
在下一个测试中，你将创建你自己的事件监听