1
00:00:00,410 --> 00:00:05,580
이 비디오는 내가 끝내고 그 세 가지 Jay queery 이벤트에 대해 계속 이야기하는 곳에서 데리러 갈 것입니다.

2
00:00:05,580 --> 00:00:31,020
그래서 제가 소개하고 싶은 것은 언론 유지라고합니다. 키 누름은 Jay Cory의 요소 중 하나입니다. 요소에 키 누름 수신기를 추가 할 수 있습니다. 이벤트 섹션을 살펴보고 키 다운과 키 누르기 및 키 누르기를 살펴 봅니다. 사용자가 키보드에서 무언가를 입력하고 차이점이 약간 미묘한 차이가 나는 경우 트리거되는 세 가지 이벤트입니다.

3
00:00:31,140 --> 00:00:43,180
따라서 키를 누를 때마다 키를 누르면 해고됩니다. 키를 놓으면 바로 해고 된 다음 키를 놓으면 해고됩니다. 그리고 키를 누르는 것은 조금 다릅니다.

4
00:00:43,230 --> 00:00:51,390
어떤 사람들은 키가 눌려 졌을 때 키를 눌렀다가 키를 눌렀다가 놓으면 전체 키를 위 아래로 누를 때 발포한다는 사실을 알려줍니다.

5
00:00:51,390 --> 00:00:52,890
그리고 그것은 사실이 아닙니다.

6
00:00:52,890 --> 00:00:55,790
그 사이에 실제로 터지기 시작합니다.

7
00:00:55,800 --> 00:00:57,450
항상 그렇지는 않습니다.

8
00:00:57,450 --> 00:00:59,520
그래서 우리는 큰 스택 오버 플로우 포스트를 가지고 있습니다.

9
00:00:59,670 --> 00:01:01,580
그래서 나는 당신이 읽는 것을 권합니다.

10
00:01:02,160 --> 00:01:12,370
이 작은 조각을 여기에 지적하여 키를 누른 상태에서 키를 누르면 키가 눌려 졌음을 나타내는 코드가 제공되고 키 누름이 어떤 문자가 입력되었는지 나타냅니다.

11
00:01:12,810 --> 00:01:42,860
그래서 좋은 예는 텍스트 입력이 있고 다른 사람이 시프트를 한 다음 a를 대문자로, 아래로 키를 시프트 키에, 소문자로 VS 키를 누르면됩니다. 언론은 대문자 A를 사격 할 것입니다. 실제로 그 캐릭터는 실제로 그 열쇠가 눌려져있는 것이 아니라 어떤 순서로 쓰이지 만 실제 최종 결과 캐릭터가됩니다. 우리가 하루 종일 shift와 같은 수정 자 키를 사용할 때 이벤트는 매우 유사합니다.

12
00:01:42,930 --> 00:01:54,730
그리고 대부분의 시간 동안 당신은 그 중 하나를 사용하여 도망 갈 수 있으며 가장 일반적이기 때문에 Shoki press에 갈 것입니다. 그래서 주요 언론은 달러 기호로 무엇인가를 선택하는 곳을 클릭하는 것과 같습니다.

13
00:01:54,750 --> 00:01:57,600
그래서 여기에 달러 기호로 무엇인가를 선택하는 예제가 있습니다.

14
00:01:57,600 --> 00:02:10,100
그런 다음 키 누름시 변경하고 콜백 함수를 전달하고 선택한 요소 또는 요소 컬렉션에서 키 누르기 이벤트가 트리거 될 때마다 해당 콜백 함수가 호출됩니다.

15
00:02:10,110 --> 00:02:19,750
이제 HMO로 돌아가서 입력 유형을 텍스트와 동일하게 추가해 보겠습니다.

16
00:02:20,250 --> 00:02:23,660
그리고 우리는 그것을 그대로두고 페이지를 새로 고칩니다.

17
00:02:24,340 --> 00:02:26,090
좋아, 이제 우리는 여기에 의견이있다.

18
00:02:26,550 --> 00:02:31,900
여기에 키가 눌려지면 언제든지 로그를 취소하는 코드를 만들어 보겠습니다.

19
00:02:32,190 --> 00:02:39,800
그래서 콘솔을 열면 먼저 입력을 선택해야합니다. 그렇게 입력하면됩니다.

20
00:02:40,380 --> 00:02:42,800
이 경우에는 그다지 구체적이지 않습니다.

21
00:02:42,810 --> 00:02:44,790
괜찮습니다. 입력이 하나뿐입니다.

22
00:02:44,910 --> 00:02:54,740
그러나 체크 박스가 있고 색상 입력과 라디오 버튼이있는 경우 유형이 텍스트와 동일한 위치 만 지정하려고합니다.

23
00:02:55,290 --> 00:02:57,370
하지만 지금은 입력이 괜찮습니다.

24
00:02:57,390 --> 00:03:03,280
우리가 올바르게 선택했는지 확인한 다음 그 키 프레스를 추가하십시오.

25
00:03:03,660 --> 00:03:11,480
그리고 여기에 우리가 키를 누를 때마다 호출 될 콜백 함수를 추가합니다.

26
00:03:11,490 --> 00:03:21,220
따라서이 경우에는 키를 눌렀다가 입력 한 로그를 취소하도록하십시오.

27
00:03:21,840 --> 00:03:24,470
그리고 지금 내가 여기로 가서 키를 입력하면됩니다.

28
00:03:24,510 --> 00:03:26,530
그래서 지금 편지 P를 치고 있어요.

29
00:03:26,910 --> 00:03:33,060
당신은 내가 당신에게 열쇠를 얻는 것을 볼 수 있습니다. 그리고 다른 열쇠를 입력하면, 여기에 숫자가 나옵니다.

30
00:03:33,060 --> 00:03:34,770
크롬이 그 역할을하는 것입니다.

31
00:03:34,770 --> 00:03:38,480
그러나 모든 문자를 입력 할 때마다 다른 개념의 로그가 나타납니다.

32
00:03:38,820 --> 00:03:46,630
그래서 우리가 문자로 로그를 취소 할 수있는 방법은 우리가 자주하고 싶은 일은 어떤 문자가 눌러 졌는지에 따라 코드를 실행하는 것입니다.

33
00:03:46,650 --> 00:04:01,520
우리는 제이 퀘리 (Jay Querrey)와 함께 목록 응용 프로그램을 만들 예정입니다. 개를 걸어서 입력하면 새로운 텍스트를 입력 한 다음 입력을 지울 수 있습니다. submit과 같은 버튼을 클릭 할 필요가 없습니다.

34
00:04:01,560 --> 00:04:02,900
방금 Enter 키를 누르십시오.

35
00:04:03,180 --> 00:04:09,110
그래서 우리가 원하는 것은 주요 언론을 듣는 것입니다. 그러나 사용자가 들어간다면 뭔가를하십시오.

36
00:04:09,270 --> 00:04:12,760
그렇게하기 위해서 우리는 실제로 코드를 약간 변경해야합니다.

37
00:04:12,840 --> 00:04:18,640
그래서 이것을 복사하고 페이지를 새로 고침하고 다시 붙여 넣습니다.

38
00:04:18,660 --> 00:04:23,430
그래서 우리는 여전히 핵심 언론을 듣고 있지만 우리는 이벤트 객체로 작업 할 것입니다.

39
00:04:23,440 --> 00:04:31,890
여기에 인수를 추가하겠습니다. 이벤트라고 부르면이 객체는 키 누르기 이벤트에 대한 모든 정보 만 포함하게됩니다.

40
00:04:31,890 --> 00:04:37,260
그래서 나는 그 로그 이벤트를 취소 할 것입니다. 그래서 당신은 그것을 볼 수 있습니다. 그리고 나는 엔터를 누릅니다.

41
00:04:37,260 --> 00:04:45,200
그리고 지금 내가 입력하면 매번 이벤트에 지속적으로 로그인한다는 것을 알 수 있으며이 이벤트는 키 입력이라는 것을 알려줍니다.

42
00:04:45,210 --> 00:04:49,250
타임 스탬프가 나에게 몇 가지 다른 것들을 제공합니다.

43
00:04:49,350 --> 00:04:53,360
중요한 부분 중 하나는이 char 코드 (106)입니다.

44
00:04:53,490 --> 00:04:56,910
또한 핵심 코드 1 또는 6이 있습니다.

45
00:04:56,910 --> 00:05:00,340
바로 여기 있습니다. 그리고 그들은 모두 한두 가지를 가리 킵니다.

46
00:05:00,360 --> 00:05:02,870
제가 가지 않을 약간의 차이가 있습니다.

47
00:05:03,090 --> 00:05:07,840
우리는 J Querrey 워드 프로세서가 공식적으로 사용하는 것을 사용합니다.

48
00:05:07,980 --> 00:05:11,860
그래서 이것이 가리키고있는 것은 눌러 진 키의 코드입니다.

49
00:05:11,910 --> 00:05:18,540
그래서 모든 키는 자체 코드를 가지고 있으며 여기에 자바 스크립트 문자 코드를 보여줄 수 있습니다.

50
00:05:18,760 --> 00:05:21,900
여기에 대화 형으로 표시되는 페이지가 있습니다.

51
00:05:21,900 --> 00:05:27,480
따라서 입력 할 경우 문자가 해당 코드를 보는 것을 알고 싶습니다.

52
00:05:27,480 --> 00:05:33,910
67 번에서 내가 무엇을 입력했는지 확인하고 싶다면 지금 할 엔터 키를 눌러야합니다.

53
00:05:34,180 --> 00:05:36,570
그리고 그것은 결국 핵심 코드를 알려줍니다.

54
00:05:36,870 --> 00:05:42,860
그래서 그것은 내가 마음에두고 아는 유일한 것 중 하나입니다. 왜냐하면 우리가 Enter 키를 눌렀을 때 어떤 일이 일어나기를 원할 때이 일을 많이하기 때문입니다.

55
00:05:43,200 --> 00:05:43,440
승인.

56
00:05:43,440 --> 00:05:45,390
열쇠 코드 13을 기억해 봅시다.

57
00:05:45,660 --> 00:05:54,740
여기서 코드로 돌아가서 우리가하고자하는 것은 사용자가 엔터를 친다면 리스너 대신 IF 문을 작성하는 것입니다.

58
00:05:54,750 --> 00:06:18,250
따라서 사용자가 Enter 키를 눌렀다는 것을 의미하는 13의 이벤트가 발생하면 해당 로그로 인해 지금과 같이 입력하고이를 제거하십시오.

59
00:06:18,870 --> 00:06:23,160
따라서 사용자는이 입력 대신 키 누르기를 입력합니다.

60
00:06:23,400 --> 00:06:29,490
그런 다음 우리는 이미 콜백에 추가 된이 이벤트 객체를 이미 전달되었습니다.

61
00:06:29,520 --> 00:06:32,880
비록 우리가 이것을 버렸지 만 우리는 그것을 변수로 잡아 내지 못했습니다.

62
00:06:33,030 --> 00:06:36,160
이제 이벤트라는 변수에 캡처합니다.

63
00:06:36,210 --> 00:06:39,870
가끔은 E라고 불리는 것을 보게 될 것입니다. 그러나 그것은 무엇이라도 불릴 수 있습니다.

64
00:06:39,870 --> 00:06:41,580
그것은 전적으로 당신에게 달려 있다는 것을 기억하십시오.

65
00:06:41,700 --> 00:06:48,150
그리고 우리는 어떤 속성이 13 자 키 문자 코드인지 확인하고 있습니다.

66
00:06:48,150 --> 00:06:49,360
들어가십시오.

67
00:06:50,040 --> 00:06:55,830
그리고 이제 이것으로 가보자. 우리는 비 - 엔터 키를 입력 할 것이고 우리는 그 경고를 얻지 않을 것이다.

68
00:06:55,860 --> 00:07:01,130
원래의 청취자를 여기에 설정 했으므로 우리는 영사관을 로그 아웃합니다.

69
00:07:01,980 --> 00:07:05,740
하지만 이제 나는 그걸 모두 지우고 몇 가지를 타이핑해서 들어갑니다.

70
00:07:06,240 --> 00:07:08,160
그리고 지금 너를 데려와.

71
00:07:08,190 --> 00:07:11,960
그래서 내가 입력 할 때마다 지금 당장 그것을 할 것입니다.

72
00:07:12,300 --> 00:07:13,900
너가 입장을 명중했다는 것을 나에게 말한다.

73
00:07:14,190 --> 00:07:14,670
괜찮아.

74
00:07:14,760 --> 00:07:20,390
따라서 주요 보도 자료에 대해 보여 드리고 싶은 내용은 지금부터 몇 개의 동영상으로 목록을 작성하거나 할 때 사용하는 것입니다.