Event handling in JavaScript – Tutorial for Beginners #19

안녕하세요 단순화 학습의 또 다른 새로운 에피소드에 오신 것을 환영합니다 이 튜토리얼에서 우리는 이벤트 핸들러에 대해 논의 할 것입니다

이전 튜토리얼에서 우리는에 대해 논의했다 우리는 우리의 자바 스크립트 프로젝트에 사용되는 이벤트 핸들러를 온 클릭 그리고이 튜토리얼에서 우리는 좀 더 이벤트 핸들러에 대해 배울려고하고있다 예제와 함께 그럼 시작하자 그래서 여기에 제일 먼저는 onMouseover와 이벤트가 제공됩니다 우리는 우리의 이전 튜토리얼에 onclick 이벤트 핸들러를 논의했듯이, 우리는이 튜토리얼로 생략되며, 이 onMouseover와 이벤트 핸들러와 함께 시작됩니다

이 특정한 경우에 따라서 우리가 본문에 얻는 경우에 우리가 할 일은 일부 우리가 만드는 그래서 우리는 우리 몸의 부분으로,이 부분에 하이퍼 링크 참조를 만들어, 거기에있다 우리는이 onMouseover와 이벤트 핸들러를 사용하고 있습니다 그리고 여기에 우리는 경고 상자를 제공하고 있습니다 – 여기 간다

이제 다른 것은, 우리는 이미 이중 반전 쉼표를 사용했다 그래서 우리는 우리가 사용하려고 할 것 모든 특히이 경우 반전 콤마 거기 간다 우리는 이제 다시 우리의 프로젝트에 얻고 다시로드 할 경우, 우리는 경고 것을 볼 수있다 상자가 여기에 생성됩니다; 우리가이로의 이동하거나 커서 때마다 시간 우리는 팝업 대화 상자가 표시되는 것을 볼 수있을 때, 여기에 연결합니다

그래서이 onMouseover와에 의해 제공되고있는 목적은 이벤트 핸들러 이제 우리는 대신 onMouseover와, 우리가 지금 onmouseout 사용하고 있음을 언급하고 있습니다 여기에 세심한주의를 기울이십시오 우리가 우리의 커서를 이동하면 아무 일도 발생하지 않습니다 우리는 우리의 커서를 이동하면 우리는 같은 팝업 것을 볼 수 있습니다 대화 상자가 웹 페이지 브라우저에 표시됩니다

그래서 이것은 당신이 onmouseout을 사용하는 경우 경우에 발생 될 것입니다 당신의 AHREF의 링크 옵션; 이 팝업 대화 상자가 여기에 표시됩니다 대신 onmouseout의 자, 우선은 이상 여기와 여기와있는 그대로의 그것을 유지하자 이 몸 태그는 이제 온로드 옵션을 사용하고 있습니다 우리는 지금 또 다른 경고 상자를 배치하면 여기 온로드 이벤트 핸들러를 놓고 이제 우리는 그냥 우리의 프로젝트에 도착하고 우리는 할 수 있습니다 다시로드하는 경우 그 여기에서 볼이 대화 상자가 생성됩니다 '라는 대화 상자가 온다 '페이지 로딩 전에; 그것은 우리가 어떤 여기 onload 이벤트 핸들러를 사용하는 것을 의미 페이지 로딩 직전에 경고 상자를 생성하는 단계를 포함한다

그리고 그것은 우리의 웹 프로젝트로 실행되고있다 우리가 확인을 누르면 그것이 같은 물건의 나머지는 갈 것입니다 전혀 문제는이와 함께, 더 없습니다 그래서 것은 우리가 여기 온로드 옵션을 만든 것입니다 이제 복잡한 조금 얻을 수 있습니다

들어 우리가 지금 여기에 양식 필드를 만든 말 이제 우리는 '이름'과의 적절한 ID 이름으로 입력 텍스트를 입력 만들었습니다 '여기에 이름을 입력합니다'로 자리 우선 프로젝트에 돌아가 다시로드 및 당신은 양식 필드가 여기에 특정 입력 유형 텍스트로 제작되었습니다 볼 수 있습니다 이름을 입력하시오

당신이 원하는 경우 여기 <br의 /> 태그의 어떤 종류를 사용할 수 있습니다 우리는이 페이지에 stylesheetCSS 파일의 어떤 종류를 사용하지 않을 때, 따라서 우리는 조금 더 넓은 만들 수 사물의 종류를 만들어야합니다 다시 가서 당신은 공간이 지금 것을 알 수 있습니다 만들어진 이 양식 필드가 여기에 생성되는 것을 우리는 볼 수 있습니다

우리는이 형태로 일부 값을 넣을 때마다 이제 우리의 의도는 우리는이 필드 양식 필드에서, 이들 값으로 변환한다 후에 그 대문자 그래서이 주요 목적이다 우리는 여기에서 만드는 이 입력 형 텍스트에 삽입 된 임의의 값으로 변환한다 그것 대문자 우리가 여기에이 기능을 'to_upper_case ()를'만든 이유 때문입니다 우리는 값이 특정로부터 인출되는에 변수 a를 만들었습니다 이 ID 이름을 입력 수단 유형 이름 -이 값은 페치되고 있고 할당 이 변수에 대해; 지금은 우리가 특정 값을 사용하여 변환하기 대문자로 즉 여기에 묘사되고있는 것입니다

그리고 지금 우리가 완료하는 모든 것들은 그럼하자 다시 우리의 프로젝트에 여기에 다시로드하자; 우리는이 선택을 취소하면 지금 우리는 지금 여기에서 몇 가지 이름을 입력하는 특정 ID의 이름과 우리는 모두가 대문자로 변환 된 것을 볼 수 있습니다 편지 이 입력 텍스트를 입력을 선택하지 않거나이 아래에, 산만하고 한 때 함수가 트리거 조건 우리는이 모든 것을 지금 변환됩니다 수 있습니다 으로는 대문자입니다 이제 다른 것은은 onfocus 및 조건이다

우리가 특정 텍스트를 선택 할 때마다 onfocus 및 조건이 실질적으로 작동 들 이 입력 유형의 텍스트가 특정 경우에 검사 한 때마다 어떤 것 그 동작이이 특별한 일이 onfocus 및에 의해 설명 될 수이 특정 이벤트 핸들러 onfocus 및 그래서 우리는 우리가 사용하고 onfocus 및 이벤트 핸들러되어 지금하고있는 모든; 그러나 우선 우리는 모든 특정 기능, 그 특정 속성을 정의 할 필요가 또는 우리 전에 속성은 여기 물건의 이러한 종류를 확인하십시오 우리는 이제 다시 우리의 스크립트 태그에지고 모든 그래서 일단 우리는 () 다른 함수 click_field를 작성; 그래서 우리는 click_field로 알려져있다 여기에 다른 기능을 만들었습니다 그리고 우리는 지금 시작하고 내부에

그래서이 것은 무엇을 의미 하는가? 성명에 따르면 우리는 아이디어가있는 모든 문서를 선택해야합니다 어떤? 우리는이 특정 입력 유형 텍스트의 배경 속성을 변경하려면 '이름'의 ID 이름이 하나 그래서 우리가해야 할 일은 우리가이 ID 이름을 복사해야 우리는이 특정을 붙여 넣을 그래서 여기에 우리는 우리가 바꿀 필요가 없다는된다 '이름'의 ID를 갖는 임의의 소자에 황색 배경 속성 이제 우리는 단지 우리는 여기에 우리의 프로젝트에 다시 얻을 경우 모든 사본 우리가 만든이 함수 이름의 처음 그 말을 부 그리고 지금이 onfocus 및 이벤트 핸들러에 대한 모든 당신에게 여기에 붙여 넣기해야해야한다 이제 지금의 경우를 프로젝트로 다시 얻고 다시로드 우리는이 특정 입력 유형을 선택하고 지금 우리는 배경색이 지금 것을 알 수 있습니다 노란색으로 변경되었습니다 우리는 때마다 배경색을 제거 할 다시 경우 하지 집중하거나 산만 때마다, 특정 경우에 우리는 또 다른를 작성해야 여기에 기능 우리는 단지 그것을 복사하고 여기에 걸쳐 붙여 있습니다

그리고 우리는 지금 ') (remove_field'로 명명된다 이제 입력 ID 이름이 같은 '이름'이 될 것입니다 듣고; 스타일 배경은 아무도 없을 것입니다 이 인용을 통해 우리는 실질적으로 이야기 할 때 그 이 특정 양식 필드가 집중되지 않습니다에 대한 그것은 정상 배경을 유지합니다 그것은했다 색상 우리는 지금이 함수 이름을 사용하고 있습니다 그냥이 함수 이름을 복사; 여기에 또 다른 중요한 온다 정보

나는이 사실을 말한대로 우리는 다시에 onblur 기능을 사용해야합니다 원하는 양식 필드 체크 여부되지 않는 경우에 onblur 이벤트 핸들러 만 작용 에 집중된다 재스민이 조건 샌들 우리는 여기에 무엇을하려고? 우리가하고자하는 첫 번째 일은 – 때마다 이 배경 색상이 제거됩니다 우리는 이전에 사용 된 것을 입력 값은 대문자로 변환됩니다 – 같은 일 이상 유지됩니다 이리 그래서 우리는 이제 다시 우리의 프로젝트에 점점 이유입니다 우리는 모두를 누르면된다 그들을 동시에으로 나란히 그래서는 여기에 할 것입니다 것입니다

이에 onblur 이벤트는 기능을 모두 트리거 것입니다 핸들러 -; 이 'to_upper_case () 기능이 'remove_field () 함수 그럼를 눌러 컨트롤 + S를 눌러 컨트롤 + F5 다시로드를 할 수 있습니다 이제 우리는이 양식 필드를 선택하고 지금있는 경우 이름을 말한다면 우리는이 양식 필드 외부를 클릭, 우리는 모두 배경색이 지금 변경을 볼 수 있습니다 정상적인 색으로; 즉,이 기능은 현재 행동으로 의미한다 여기 간다 이 함수는, 액션이 함수로 이제 다른 한편, "() to_upper_case ' 행동으로도이다

그래서 둘 다의 지금 행동으로 거기 간다 그래서 우리는 그 둘의 속성을 볼 수있는 이유 집중되지 않은 형태의 필드가 지금 배경 실행 된 상기 입력 필드 색상 스타일 속성; 이제 정상적인 색으로 변화하고 이름 변환 대문자로 그래서 오늘의 튜토리얼에 대한 모든입니다 너희들이 튜토리얼 비디오 희망처럼이 희망 당신에게 우리의 다음 튜토리얼에서 사람을 참조하십시오

그때까지, 안녕

టైమ్ ఫిక్స్ చేసుకున్న అల్లు అర్జున్|time-locked-for-naa-peru-surya-first-impact.|South Cine Updates

SOUTH CINE UPDATES에 오신 것을 환영합니다 우리의 비디오를보고 해 주셔서 감사합니다 더 최신 비디오 업데이트를위한 우리의 채널을 구독하시기 바랍니다

Chromeless Automation Tutorial – Google search result as JSON

이전 비디오에서 빨간색 스테이플러에 오신 것을 환영합니다 우리는 성공적으로 크롬을 사용했다 구글을 검색하고 내가 갈거야이 비디오의 화면을 캡처하기 JSON 파일로 모든 검색 결과의 제목과 링크를 검색하는 방법을 보여 한 후 상기 그래서 이것은 코드 내지 처리하는데 사용될 수있다 우리가 크롬에 지시 한 이전의 튜토리얼은 구글 사이트 유형으로 이동 검색 쿼리 언론에 입력하고을 복용 지금 대신 결과를 기다립니다 스크린 샷은 우리의가에 대해 살펴 보겠습니다 이제 모든 링크를 추출하려고 구글 사이트 때 우리가 검색을 수행 당신은 결과의 각각 G 클래스와 제목으로 할당됩니다 것을 알 수 있습니다 가장자리 될 것입니다 세 그래서 우리는 우리가가는 그 활용 예정 우리가 할 수의 맥락에서 M을 자바 스크립트 코드를 실행할 수 있도록 방법을 평가 사용하십시오 이 경우 우리는 G 클래스 H 3 요소를 선택해야하고 그것은 우리가 할 수 연결된 것 문서 또는 쿼리 선택기를 사용하여 모든 우리는 또한 레이더지도를 사용할 수 있습니다 않는다 쉽게 배열로 각각의 제목 및 링크를 밀어 문자열은 파일을 마지막으로 작성하는 것을 JSON을 사용하여 JSON 문자열을 반환 파일에 그 JSON 문자열 괜찮의 행동에서 볼 수 있습니다 그래서 여기에 JSON 파일입니다 나는 당신이 구조에게 그것을의 모든 권리를 볼 수 있도록 JSON 휠을 사용하는거야 너희들이 즐기시기 바랍니다 질문 댓글 의견이 있으면 알려주세요 이 비디오는 좋아하거나 인사를 구독하는 것을 잊지 마세요

Peru capsules mule Michaella McCollum suggestions at controversial CBB stint Breaking News

거대한 웰빙 세션에서 얻어서 – 유죄 판결을 마약 마이 클라 맥콜 럼이 가장 큰 힌트를 주신 아직 그녀는 CBB의 집으로 걸어 설정되어 밀수업자 이 방송 전에 개 미만 일의 보통 쇼에 링크 별 채널 5 리얼리티 쇼의 차기 적어도 이틀 동안 감금에 있습니다

오늘, 24 세의 전 모델이 준비 벨파스트 살롱에 들어가는 더럽혀는 그녀가 영국의 가장 유명한 집으로 향하고 있다면 그녀의 마지막 기회 일 것입니다 무슨에, 최대 glammed하세요 그녀는 모네 살롱에 들어갔다으로 허벅지 높은 검은 부츠와 세련된 금발 머리를 가진 표범 무늬 재킷 스포츠, 아일랜드 범죄는 쉽게 바라 보았다 파트너 멜리사 리드와 쌍은 페루 감옥에 2 년 봉사 – 카운티 타이론, 북 아일랜드 출신 미카엘라는, 국제적으로 마약을 밀수를 시도 투옥 된 2013 거리가 멀다 이후 출시되고 미카엘라는 이비자에서 patying과 현실 스타, Marbs에 의존하고있다 그녀는 에이전트를 가지고 교도소에 대한 다큐멘터리를 만든 것으로 생각된다

대조적으로, 그녀의 공모자는 스코틀랜드의 자선 작동합니다 미카엘라는 그녀가 유일하게 확인 된 참가자, 그리고 소문 MIC 스타 루이스 톰슨, 쇼 브나 굴 라티와 시니 타입니다 저널리스트 레이첼 존슨에 가입 할 집으로 머리를했다합니다

JavaScript Date Object and Event Handlers – Tutorial for Beginners #18

이 튜토리얼에서 우리는 2 가지를 배울려고하고있다; 제일 먼저 날짜에 관한 것입니다 객체는 날짜와 함께 작동하도록 할 것이며, 두 번째 부분에서 우리가 소개 될 것이다 이벤트 핸들러 이 부분에서 우리는 후자의 비디오에, 온 클릭 이벤트에 대해 이야기합니다 우리는 그들의 나머지 부분에 대해 알 수 있습니다

그럼 시작하자하지만 우선은의가 다시 연락하자 우리는이 튜토리얼에서 관찰려고하고 결과를 종료합니다 이 노란색 형식 상자에서 우리는 클릭에 지금 클릭 버튼을 낳게 될 것이다 사용자의에서와 같이 우리는 같은 것이 '시간'이 '시간'을 관찰한다 기계 지금 11시 43분이며, 그것은 여기에 관찰되는 것입니다 그럼 시작하자 의 첫 번째 다시 우리의 프로젝트에하자

우리는 알려진 것입니다 먼저 함수를 작성해야 SHOW_TIME 등 () 이제 여기에 우리가 변수를 만들려고 여기에 우리는 이것을 사용하는 것 ) (새로운 날짜로 알려진 특정 기능; 우리가 호출 할 때마다 이전의 경우마다 우리는 특정 기능을 사용하고 있습니다 함수, 우리는 이전에 그것을 정의했다 그러나이 특별한 경우에,이 함수의 더 이전 정의 없지만 YER가 실행 우리는 그것을 관찰되며, 아직이 하나가 실행됩니다 그리고 그것은 어떻게? 때마다 당신이 당신의 웹 프로젝트에 무언가를 통합하고, 당신은, 그건 당신이 여기 위에이 <script> 태그를 사용하는 것을 의미, 당신의 HTML을 자바 스크립트를 사용하는 브라우저는이 자바 스크립트 스크립트를 기반으로하는 프로그램입니다 것을 이해합니다 암호 그리고 자바 스크립트 스크립트 코드에서 모든 정의는 거기에 정의되어 있습니다 그것은 당신이 이런 일을 다시 정의하지 않는 이유입니다

우리는 제공하는 좋아, 우리는 이제 모든 이동하도록 설정되어 있습니다 이제 일이 정의에 관한 것입니다

이러한 것들을 여기서 뭐 이상 해요? 이러한 새로운 날짜,이는 getHours (), 모든 것들입니다 – 무엇을 그들은 바로 여기 뭐하는거야? 우리가 여기보고있는 첫번째 것은 이것이다 새 날짜 기능 이것은 실제적으로 당신을 할 수있는 특정 날짜 객체를 호출 날짜와 함께 작동합니다 실제로 년, 월, 날짜, 시간의 호출 분, 초, 밀리 초 – 여기에 실행 된 모든 것들; 우리 모두는 우리가 가져오고 사용자의 컴퓨터에서 해당 값을 검색해야해야한다 우리는 실제적으로이 변수에 대해이 날짜 함수를 할당; 그래서 모든 () 값이 변수 a에 할당되고 있으며, 우리는 getHours 것을 주장하고 있습니다 그것은 우리가 가져가 우리가해야 할 모든 것을 의미에 지시 된 시간 사용자의 컴퓨터 그리고 우리는 사용자의 컴퓨터에 표시된대로 분을 검색 할 수 있습니다

즉, 바로 여기에하고있는 것입니다 때마다 우리는이 날짜 함수를 호출해야합니다 그리고 이것은 여기에 제공되는 목적이다 이 최대 그래서 괜찮아 우리가 웹 브라우저에 도착하기 전에 지금 우리는 우리가 이미 만들어진 것을 볼 수 있습니다 잘못

우리가해야 할 일은 우리가이 일을 연결해야합니다 그것은 지금까지 우리가해야 할 일의 나머지 부분을 수행, 우리 <스크립트>, 다시 우리의 신체 부위에 여기 얻을 필요가 그리고이 스크립트 태그 안에 우리가 필요한 것은 우리가 다시 전화 할 필요가해야 할 일 SHOW_TIME 함수 ()

이제 다시 우리는 시간이 11시 58분 것을 볼 수 있습니다 즉, 지시 된 상기 시간을 실행 수단 내 컴퓨터에; 즉, 사용자의 컴퓨터를 의미한다 이제이 부분까지이 괜찮아입니다 우리가 서로를 만들 수 있습니다 할 수있는 모든 여기 div에 이제 다시 우리는 여기에 실행되는 것을 볼 수 있습니다

여기에 우리가 다른 사업부의 ID를 추가 할 수 있습니다를 통해 표시되고있는 '시간'; 시간의 DIV를 말한다 지금은 그것으로 갈 괜찮아 우리가 여기에 사용하려고하는 다음 부분에서는 이벤트 핸들러에 관한 것입니다 그래서이 이벤트 핸들러는 무엇인가? 이벤트 핸들러는 실제로 수신 특정 유형 이벤트 그에 따라 역할을합니다 그래서 이벤트 핸들러 우리가 다루고있는 사람들의 네 종류가있다

첫 번째는 온 클릭 옵션입니다; 두 번째는, onMouseover와 인 세번째는 onMouseout하며 넷째 하나의 onLoad이다 이제 우리는 우리의 이전 예제에서 이벤트 핸들러의 어떤 종류를 목격 한 우리는이 온 클릭을 사용하고 이것은 우리가 가고있는 정확한 일 등 이 튜토리얼로 분석 할 수 있습니다 이 경우 우리가 가고있는 첫 번째 일은 우리가해야 할 일 여기에 버튼을 만들 것이다 말하자면 위해 우리는이 버튼을 만들었습니다 이제 우리는 여기에 바닥을 만들었으며 우리는 이름이있다 그것은 click_now있다 그리고 그것의 값은 '지금 클릭!'입니다 이제 우리는 우리의 프로젝트로 돌아가 우리가 볼 수있는 다시로드하는 경우 '이제 클릭 !!' 버튼을 여기에 소개되었다 그래서 우리 모두는 우리가 될 것입니다 다른 사업부를 만들려고 할거야 D-ID 등

'TEST1' 그리고 우리는 우리가 방금이 일을 삭제 할거야 모든이 스크립트 태그 대신이의 우리가 여기서 생성하고 온 클릭으로 알려져 이벤트 핸들러 이제 다시 스크립트 태그 및 우선 내부로 들어가이 일을 잘라, 삭제 documentwrite를 () 당신이 하나를 할당해야 어디 var에 B를 만들 수 있습니다

이제 여기에 우리가 만들 이제 우리는 여기에 차이임을 알 수 있습니다 우리가해야하는 것은 우리가 동일한 ID를 사용할 필요가해야 할 일이 우리는 두 번째 경우,이 ID 'TEST1'에서 만들었습니다

그래서 우리는 여기에서이 일을 복사하는 우리는 여기를 통해 붙여 있습니다 다시 프로젝트 및 재 장전을 가져옵니다 우리가 여기를 클릭하면 우리는 정확한 시간이되고 있음을 볼 수있다 여기에 표시 우리는 ID-d는 'TEST1'과 같다 사업부를 만들었으며 우리는 통보된다 이 특정 입력 유형 버튼을 클릭에 모든이에 있었다 우리의 HTML 브라우저 이 클릭에 있으며를 어떤을 실행하는이 이벤트 핸들러를 듣고 있었다 않는다 우리가 여기서 만든 SHOW_TIME () 함수 어디에 속으로? 'TEST1'와 같은 특정 DIV의 D-ID로

그리고 스크립트 태그에 모든 우리는 우리가) (전체 물건는 getHours을 저장 않았다 즉, 사용자의 컴퓨터로부터 인출 한 시간 분의 시간을 의미 -이 변수 B에 대하여 기억되어 있고 모든 차례로 기억하고있는 지금 자체 TEST1의 ID와 사업부의 내부 HTML에 대한 이 모든 물건이 여기에 표시지고 그리고 그 이유입니다 그래서 오늘의 튜토리얼에 대한 모든입니다 너희들이 자습서를 좋아 한 희망 너희들이 자습서를 좋아 한 경우 주저하지 말고 빨간색 아래로 아래 버튼을 가입하는 것이 적중

당신에게 우리의 다음 튜토리얼에서 사람을 볼 수 있도록 노력하겠습니다 그때까지, 안녕

Pueblo de los muertos, Peru – where no tourists go

북부 페루의 지역에서 차차 포 야스 문화는 "마을 죽었다"죽음의 숭배에 전념 구축했다 사전 잉카 시대의 문화의 머리는 그 장소 najnedostupnejších 아마존 암초에 석관과 다양한 모양의 동상을 구축 할 수있었습니다

그들은 자연 및 기타 재해로부터 자신의 죽음의 유적을 보호하기 때문에 그렇게했다 우리는 우리가 방문 관리 거의 접근 할 수없는 건물, 인간의 몸, 벽 그림과 도자기의 유적을 찾을 수 있습니다 우리를 위해 죽은 마을은 북부 페루의 가장 강력한 경험 중 하나 남아 있고, 때문에 지금까지 우리가 방문이 신성한 장소에 사람을 만나거나 그것에 대해 알고하지 않은 사실에