Events in real life take the form of
specific actions occurring at specific
times.
For instance, in the game of basketball,
when the ball goes through the hoop.
The shooting team gets points.
The event is the ball
going through the hoop.
The resulting action is that
the scoring team gets points.
The browser has events as well.
Every time you move your mouse,
click on a link,
submit a form, or do anything really,
your browser makes an announcement
of the action you just took.
I want to show you what
the browser is actually doing.
Google Chrome provides a handy function.
The monitorEvents function, that will
allow you to take a peek under the hood
to see events as they are taking place.
You pass to the function the element
on the page that you want it to watch
for events.
Now this function can only be used in
the console on the Chrome Dev Tools.
Don't try to use this function
in your JavaScript file.
It won't work, and
will cause a reference error.
With that disclaimer out of the way, let
me show you the feedback it provides.
So, on this page, you can see,
I have a simple text field.
First I'll use jQuery to select
all the inputs on the page,
then I'll select just
this first one here.
Next I'm going to call
the monitorEvents function and
pass it the variable holding
the first input field.
The monitorEvents function watches
the element for events, and
log them all out.
So, I'll interact with the text field
and watch Chrome log out all the events.
As you can see using
the monitorEvents function,
you can observe what the browsers doing
when you interact with the page elements
in different ways.
تأخذ الأحداث في الحياة الواقعية شكل
إجراءات محددة تحدث في أوقات
.محددة
،على سبيل المثال، في مباراة لعبة كرة السلة
.عندما تدخل الكرة في السلة
.يحصل الفريق الذي أدخلها على نقطة
الحدث هو الكرة
.وهي تدخل في السلة
والإجراء الناتج هو
.أن الفريق الذي أحرز الهدف يحصل على نقاط
.للمستعرض أيضًا أحداث
،في كل مرة تقومون بتحريك الماوس
،أو تنقرون على رابط
،أو ترسلون نموذجًا، أو تقومون بأي شيء في الواقع
يعلن المستعرض لديكم
.عن الإجراء الذي قمتم به للتو
أريد أن أريكم ما
.يقوم به المستعرض بالضبط
.Google Chrome يوفر دالة مفيدة
دالة monitorEvents التي
ستتيح لكم إلقاء نظرة سريعة على ما يحدث في الكواليس
.لرؤية الأحداث أثناء حدوثها
تمررون للدالة العنصر
الموجود على الصفحة الذي تريدون رؤيته
.للأحداث
هذه الدالة لا يمكن استخدامها إلا
.عن طريق وحدة تحكم أدوات مطوِّر Chrome
لا تحاولوا استخدام هذه الدالة
.في ملف JavaScript لديكم
إنها لن تعمل
.وستتسبب في خطأ مرجع
وبعد ذكر إخلاء المسؤولية هذا، \دعوني
.أريكم الملاحظات التي توفرها
،إذًا، في هذه الصفحة، يمكنكم الرؤية
.لدي حقل نص بسيط
أولاً، سأستخدم jQuery لتحديد
،كل المدخلات في الصفحة
ثم سأختار
.أول واحد هنا
بعد ذلك، سأستدعي
دالة monitorEvents وأقوم
بتمرير المتغير
.الذي يضم حقل الإدخال الأول إليها
تراقب الدالة monitorEvents
العناصر بحثًا عن الأحداث
.وتسجلها كلها
لذا سأتفاعل مع حقل النص
.وأشاهد Chrome يسجل كل الأحداث
كما ترون باستخدام
،دالة monitorEvents function
يمكنكم ملاحظة ما تقوم به المستعرضات
عندما تتفاعلون مع عناصر الصفحة
.بطرق جديدة
Els events a la vida real preñen la forma de accions especifiques que passen en un temps
específic.
Per exemple, en un partit de basket quan la pilota travessa l'anella.
l'equip que ha lleçat obté punts
l'esdeveniment és la bola travessant l'anella
L'acció resultat és que ha encistellat obté punts.
El navegador te esdeveniments també.
Cada vegada que mous el ratolí, clica en un link.
Enviar un formulari, o cualsevol altre cosa
El teu navegador t'avisa de l'acció que acabes de fer.
Et vull ensenyar que fa realment el navegador
Google Chrome proporciona una funció pràctica.
La funció monitorEvents, li permeterà fer una ullada a sota
per veure els esdeveniments quan ells s'estàn produint
Passas a la funció l'element a la pagina que to vols mirar
per esdeveniments.
Ara mateix la funció només pot ser utilitzada a la consola en els Chrome Dev Tools.
No intentis utilizar aquesta funció en el teu JavaScript expedient.
No treballaré, i produiré un error de referencia.
Amb aquesta renuncia fora del nostre camí, deixam ensenyar-te el feedback que proporciona.
Així que en aquesta página com pots veure, tinc un simple text.
Primer utilitzaré jQuery per seleccionar tots les entrades a la página,
llavors seleccionarè nomès el primer aquí.
Desprès Vaig a utilitzar la funció i monitorEvents i
passar la variable a el primer camp d'entrada.
El monitorEvents función mira l'element per esdeveniments, i
registre'ls tots.
Així que interacciono amb el text i miro tots els registres Chrome.
Com pots veure utilitzant la funció monitorEvents
Pots observar que fan els navegadors cuan interactues amb els elementsde la pàgina
de diferentes maneres.
Los eventos en la vida real toman un forma de acciones especificas que ocurren
en un tiempo especifico
por ejemplo, en el juego de baloncesto, cuando la pelota atraviesa el aro.
el equipo punzante consigue puntos.
el evento es el balón ir por el aro.
La acción de resultar consiste en que el equipo de notación consigue puntos.
El navegador tiene acontecimientos tambien.
Cada vez se mueve su raton, pulsa el enlace
someta una forma o haga algo realmente,
su navegador hace un anuncio solamente de la acción que tomo.
Quiero mostrarle lo que el navegador en verdad hace
Google Chrome proporciona una acción practica
la funcion de eventos del monitor, te perimitira hechar un vistazo bajo la capa
para ver loa acontecimeintos que ellos hacen en el lugar
tu pasas la función del elemento en la pagina en donde quieres ver
los acontecimientos
ahora esta función puede ser usada en la consola de Chrome Dev
no trate de usar esta función es su archivo JavaScript
este no trabajara y creara un error de referencia.
con aquella renuncia del camino, déjame mostrarte la regeneración que esto proporciona
entonces, en esta pagina, tu puedes ver, tengo un simple campo de texto
Primero usaré jQuery para seleccionar todas las entradas en la página,
entonces seleccionare solamente el primero que esta aqui
despues voy a llamar a la funcion de MonitorEvents y
páselo a la variable que sostiene el primer campo de entrada.
la función de MonitorEvents mira el elemento para acontecimientos, y
registre todos ellos hacia afuera
entonces, actuaré recíprocamente con el campo de texto y miraré el término de una sesión De Chrome de todos los acontecimientos.
Como usted puede ver la utilización de la función de monitorEvents
usted puede observar lo que los navegadores hacen cuando usted actúa recíprocamente con los elementos de página
en diferentes caminos
Eventos en la vida real toman la
forma de acciones específicas,
que se producen en un
tiempo específico
a veces, por ejemplo
en el juego de baloncesto,
cuando la pelota pasa por el aro.
El equipo de rodaje obtiene puntos.
El evento es la bola
que pasa por el aro.
La acción resultante es que
el equipo de puntuación obtiene puntos.
El navegador tiene eventos también.
Cada vez que se mueve el puntero
del ratón,haga clic en un enlace,
enviar un formulario, o no
haga nada realmente,
su navegador hace un anuncio
de la acción que acaba de tomar.
Quiero mostrar lo que el navegador
está haciendo realmente.
Google Chrome ofrece
una función muy útil.
La función monitorEvents, lo que hará
le permite echar un vistazo bajo el capó
para ver eventos a medida
que se llevan a cabo.
Se pasa a la función del elemento en la
página que desea el reloj para eventos.
Ahora bien, esta función sólo se puede utilizar en
la consola en las herramientas de Chrome Dev.
No trate de utilizar esta función
en el archivo de JavaScript.
No va a funcionar, y
provocará un error de referencia.
Con esa advertencia fuera del camino, y mucho
voy a enseñar las votaciones que proporciona.
Así, en esta página, usted puede ver,
Tengo un campo de texto simple.
En primer lugar voy a utilizar jQuery para
seleccionar todas las entradas de la página,
entonces voy a seleccionar sólo
este primero aquí.
Luego me voy a llamar a
la función y monitorEvents
y pasar a la celebración de variables
en el primer campo de entrada.
Los monitorEvents funcionan como relojes
y elemento para eventos, y registrar todos.
Por lo tanto, voy a interactuar con el campo de texto
y ver cromo ingrese a cabo todos los eventos.
Como se puede ver usando
la función monitorEvents,
se puede observar lo que están haciendo
los navegadores
cuando interactúa con los elementos de la página
en manera diferente.
Az események a valóságban valamilyen adott
műveletek, amelyek egy adott időben
történnek.
Például a kosárlabdában, amikor
a labda áthalad a karikán,
a dobó csapat pontokat kap.
Az esemény az, hogy a labda
áthalad a karikán.
Az eredmény művelet az, hogy
a csapat pontot szerez.
A böngészőnek is vannak eseményei.
Minden alkalommal, amikor megmozdítod
az egeret, egy linkre kattintasz,
elküldesz egy űrlapot, vagy bármit teszel,
a böngésződ bejelenti a műveletet, amit
éppen elvégeztél.
Szeretném megmutatni, hogy mit is
csinál valójában a böngésző.
A Google Chrome-nak van egy
hasznos funkciója.
A monitorEvents funkció, ami lehetővé
teszi, hogy bepillants a motorháztető alá,
és lásd az eseményeket.
Átadod a funkciónak az elemet az oldalon,
amit szeretnél megfigyelni az
esemény kapcsán.
Ez a funkció csak a Chrome Dev Tools
konzoljában használható.
Ne próbáld ezt a funkciót a JavaScript
fájlodban használni.
Nem fog működni, és egy referencia
hibát fog okozni.
Most hogy ezt tisztáztuk, hadd mutassam
meg, hogy milyen visszajelzést kapsz.
Tehát, itt az oldalon láthatod a
szövegbeviteli mezőmet.
Először jQueryt fogok használni az oldal
összes bemenetéhez,
aztán csak kiválasztom a legelsőt
közülük.
Ezután meghívom a monitorEvents
függvényt és átadom
neki azt a változót, amiben az első
beviteli mező van.
A monitorEvents függvény figyeli az
elemet eseményekért, és mindent
kinaplóz.
Tehát én a szövegmezővel dolgozom és
figyelem, a Chrome eseménynaplózását.
Ahogy láthatod a monitorEvents függvény
használata során,
megnézheted, mit csinál a böngésző,
amikor interakcióba lépsz az
oldal elemeivel.
現実世界のイベントは、次のように定義できるかもしれません。
関連した動作が実行されるための、ある条件を満たすこと。
例えばバスケットで、ボールがゴールを通過すると
チームに加点されます。
ボールがゴールを通過すること。 これがイベントです。
チームに加点すること。 これが関連して実行される動作です。
ブラウザも同様で、様々なイベントが定義されています。
マウスを操作する、リンクをクリックする、
フォームで送信する、その他どんな動作も
イベントが発生したのだと、ブラウザは解釈しています。
ブラウザが、実際どのように動作しているか見てみましょう。
Google Chromeは便利な機能を備えています。
monitorEvents(); ファンクションを使うと、普段は隠されていて見えない
イベントの詳細な動作を、覗き見ることができます。
ページ上の動作を確認したいエレメントを引数として、
このファンクションに渡します。
このファンクションは、Chromeデベロッパーツールのコンソール内でのみ使えます。
独自に作成したJavaScriptプログラム内で、使わないでください。
おそらく、動作せずに参照エラーが発生するでしょう。
注意書きは以上です。話を戻して、このファンクションの実行結果を見てみましょう。
このページは、ご覧のとおり、単純なテキストフィールドを持っています。
最初にjQueryを使って、このページのinputエレメントを全て取得します。
そして、その中の最初の一つを選択します。これです。
次に、monitorEvents(); ファンクションを呼び出して、
inputエレメントを引数として渡します。
monitorEvents(); ファンクションは受け取ったエレメントを監視して
イベントが発生するとログに出力します。
その結果、フィールドに操作を加えるとChromeがログを出力します。
このように、monitorEvents(); ファンクションを使うと、
ページ上の操作に対するブラウザの挙動を
様々な方法で確認することができます。
현실에서의 이벤트는
특정한 때에 발생하는 특정한 행동을 말합니다
예를 들면 농구에서는 농구공이 고리를 통과하면
슈팅한 팀이 득점을 하죠
이벤트는 공이 고리를 통과한 걸 가리킵니다
결과는 슈팅한 팀이 득점을 한 것이죠
브라우저도 이벤트가 있습니다
마우스를 움직일 때나 링크를 클릭할 때
양식을 제출할 때나 아니면 사실상 뭐든지 간에
브라우저는 여러분의 행동에 대한 안내를 하죠
저는 여러분께 브라우저가 실제로 뭘 하는 건지
보여드리려고 합니다
구글 크롬은 아주 편리한 함수를 제공하죠
monitorEvents() 함수는 이벤트가 발생할 때
내부적으로 어떤 일이 일어나는지 보여줍니다
여러분은 해당 이벤트에서 관찰하고 싶은 요소를
함수에 보내면 됩니다
이 함수는 오직 크롬 개발자 도구의 콘솔에서만
사용될 수 있어요
그러니까 자바스크립트 파일에서
이 함수를 사용하려고 하지 마세요
작동도 안 할 뿐더러 오류를 유발하거든요
이 부분을 말씀드렸으니
이제 이게 제공하는 피드백들을 보여드리죠
보시듯이 페이지에는 간단한 텍스트 필드가 있네요
먼저 jQuery로 페이지의 모든 인풋 요소들을 선택할게요
그리고 이 첫 번째 걸 여기서 선택할게요
그리고는 monitorEvents()을 호출하고
첫 번째 인풋 필드가 있는 변수를 보낼게요
monitorEvents() 함수는 이벤트 요소들을 관찰하고
모든 걸 기록해요
그러니까 저는 텍스트 필드와 상호작용 하고
크롬이 이벤트를 기록하는 걸 보는거죠
보시는 것처럼 monitorEvents() 함수를 쓰면
여러분이 페이지 요소들과 상호작용 할 때
브라우저가 무엇을 하는지 관찰할 수 있어요
Na vida real, os eventos são
ações específicas que acontecem em momentos
específicos.
Por exemplo, no jogo de basquete,
quando a bola passa pelo aro.
A equipe que fez a jogada ganha pontos.
O evento é a bola
passar pelo aro.
A ação resultante é
a equipe que marca receber pontos.
O navegador também tem eventos.
Cada vez que você move o mouse,
clica em um link,
envia um formulário ou faz qualquer coisa,
seu navegador comunica
a ação que você executou.
Quero mostrar o que
o navegador está realmente fazendo.
O Google Chrome tem uma função prática.
Com a função monitorEvents, você
pode dar uma espiada
para ver os eventos que estão acontecendo.
Você passa à função o elemento
na página que quer observar
para eventos.
Agora, a função só pode ser usada no
console nas Ferramentas do desenvolvedor do Chrome.
Não tente usar esta função
no arquivo de JavaScript.
Ela não vai funcionar e
causará um erro de referência.
Dito isto, vou
mostrar o feedback que ela fornece.
Nesta página, você pode ver que
tenho um campo de texto simples.
Vou usar jQuery para selecionar
todas as entradas na página
e depois vou selecionar só
esta primeira.
Depois, vou chamar a
função monitorEvents e
passar a ela a variável que contém
o primeiro campo de entrada.
A função monitorEvents observa
o elemento quanto a eventos e
os registra.
Vou interagir com o campo de texto
e observar o Chrome registrar todos os eventos.
Como visto,
com a função monitorEvents,
você pode observar o que os navegadores fazem
quando interage com os elementos de página
de maneiras diferentes.
События в реальной жизни просто действия,
которые происходят в определенное время.
Например, в баскетболе,
когда мяч проходит через кольцо,
бросающая команда получает очки.
Событие: мяч проходит через кольцо.
Результат: очки команде, забросившей мяч.
Существуют события в браузере.
Когда двигаешь мышкой,
нажимаешь на ссылку,
отправляешь форму… вообще что-то делаешь,
браузер объявляет выполненное действие.
Хочу показать, что браузер делает
на самом деле.
В Google Chrome есть удобная функция.
Функция monitorEvents
позволяет проследить за процессом
и увидеть, как работают события.
Функция требует указать название элемента,
за событиями которого надо следить.
Эта функция работает только в консоли
(инструменты разработчика Chrome).
Не пытайтесь использовать ее
в файлах JavaScript.
Это не сработает —
возникнет ошибка обращения.
Хватит предупреждений, разберемся
с данными, которые предоставляет функция.
На этой странице у меня
обычное текстовое поле ввода.
Сначала я выделю все элементы ввода
на странице с помощью JQuery.
Затем я выберу только первый из них.
Потом я вызову функцию monitorEvents
и укажу в ней переменную —
первое поле ввода.
Функция monitorEvents следит
за событиями элемента
и записывает их.
Я поработаю с текстовым полем
и Chrome покажет все события.
Видим, что функция monitorEvents
позволяет увидеть работу браузера изнутри,
при взаимодействии с элементом страницы.
U zivotu dogadjaji se desavaju
u odredjenom vremenu.
Na primer, u kosarci
kada lopta prodje kroz obruc.
Tim koji je dao kos dobija poen.
Dogadjaj je lopta koja ide u kos.
Rezultat dogadjaja je tim
koji dobija poene.
Browser takodje ima dogadjaje.
Svaki put kada pomerite misa,
kliknete na link,
submitujete obrazac, ili bilo sta
vas browser daje obavestenje o
ucinjenoj radnji.
Zelim da vam pokazem sta
browser zapravo cini.
Google Chrome ima korisnu funkciju
MonitorEvents, koja vam
omogucava da zavirite
i vidite dogadjaje u momentu desavanja.
Prebacite na funkciju elemenat
na stranici koji zelite da posmatra
kao dogadjaj.
Ova funkcija radi samo na
konzoli na Chrome Dev Tools.
Ne pokusavajte je koristiti
u JavaScript fajlu.
Nece raditi
i uzrokovace gresku.
Події в реальному житті приймають форму певних дій,
які стаються у певний час.
Наприклад, у баскетболі коли м'яч проходить крізь кільце.
Команда отримує очки.
Подія - це коли м'яч проходить крізь кільце.
Фінальна дія - це коли команда отримує очки
Браузер також має події.
Кожного разу коли ви рухаєте мишку, клікаєте на посилання,
надсилаєте форму або робите будь-що,
ваш браузер повідомляє про зроблену дію.
Я хочу показати вам, що насправді робить браузер.
Google Chrome надає зручну функцію.
Функція monitorEvents дає можливість заглянути під капот,
щоб побачити які події відбуваються.
Ви вводите в функцію елемент на сторінці, який хочете
побачити у подіях.
Зараз цю функцію можна використати тільки в консолі на Chrome Dev Tools.
Не намагайтеся використати цю функцію в JavaScript файлі.
Воно не спрацює і відправить помилку.
Після цього застереження покажу вам який зворотній зв'язок це надає.
На цій сторінці ви бачите просте текстове поле.
Спочатку я використаю jQuery, щоб обрати всі вхідні елементи на сторінці.
тоді я обираю найперший.
Потім я викличу функцію monitorEvents і
введу змінну, що має перший вхідний елемент.
Функція monitorEvents проглядає елементи для подій і
зображує їх.
Я взаємодіятиму з текстовим полем і побачу, як Chrome зображує всі події.
Ви помітили що, використовуючи функцію monitorEvents,
ви можете бачити що браузер робить, коли ви взаємодієте з елементами сторінки
різними способами.
现实生活中的事件指的是在特定时刻
发生的特定行为
比如 在篮球赛上 球进框的时候
投球的队伍得分
事件就是球进框
由此产生的行为是投球的队伍得分
浏览器中也有事件
每次你移动鼠标 点击链接
提交表格 或者随便做点啥
你的浏览器就会对你的行为作出通告
来看看浏览器到底在做些什么
Google Chrome提供了一个好用的函数
监控事件的函数 它使你能够窥探其中奥妙
从而知道事件是怎么发生的
你把页面中你想要监控事件的元素
传给这个函数
现在这个函数只能在Chrome开发工具的终端使用
不要在你的JavaScript文件中尝试使用它
用不了 只会产生一个引用错误
讲明白了这点 我们来看看它提供的反馈
在这个页面上 你可以看到我有一个简单的文本框
首先 我用jQuery选中页面上所有的输入
然后 我选定其中的这个
接着 我将调用监控事件的函数
把包含第一个文本框内容的变量传给它
这个监控事件的函数监控着这个元素的相关事件
记录下所有信息
那么 我来和文本框交互一下 看看Chrome记录事件的过程
你可以看到 使用这个监控事件的函数
你可以观察到在你和页面上的元素做不同的互动时
浏览器都在干什么