简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집> 웹 프론트엔드> JS 튜토리얼> 본문

JS中事件响应

不言
풀어 주다： 2018-04-04 13:39:21
원래의
1264명이 탐색했습니다.

本篇文章中的内容是关于js的时间响应，现在在这里分享给大家，有需要的朋友也可以参考一线本篇文章的内容

这里归类下几种常用的时间响应，用法都很简单而且效果很好。

1.按键触发

这种事件响应很常见了，也是一开始就接触的。举个简单的例子：

   javascript 
  
点击确认查看日期
로그인 후 복사

这一类方法的核心就是在button的标签内加入onclick+函数名去触发函数实现功能。

2.鼠标触发或enter触发。

第一种方法的缺点其实是很明显的。比如我要对一批数据进行处理，有很多的输入框，难道我每个框后面都得加个确认键吗？这样对用户的输入时十分不合理的，所以在填写表单或者多输入框时用到鼠标或者enter键触发的效果会效率很多。

   javascript 
  
请输入下列表框
로그인 후 복사

核心是在输入框用onchange调用函数，填写完后鼠标点击任意地方或者按下enter函数就会调用，根据不同的处理出现不同的效果。

3.随时触发

这样的用法还是比较好的，生活中的实例可以去试试看网页的在线进制转换，那个就是不需要你按确认键也不需要你按enter，你随时输它随时转换。包括手机上的计算器也是，实时的计算输入的值。

   javascript 
  
请输入下列表框
로그인 후 복사

使用方法的核心是oneKeyUp+方法名。除了这个还有关键字onkeypress，oneKeyDown等。个人认为oneKeyUp比较实用。

相关推荐：

JS实现OCX控件的事件响应示例_javascript技巧

整理Javascript事件响应学习笔记_javascript技巧






위 내용은 JS中事件响应의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
javascript 事件 响应
원천：php.cn
이전 기사：怎么实现不刷新的Ajax分页 다음 기사：HTML5+ajax怎么做出预览图片效果
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
AJAX, PHP 및 서버 전송 이벤트를 사용하여 OpenAI API에서 데이터 스트리밍 SSE(Server Sent Events)를 사용하여 JavaScript 및 PHP를 사용하는 위 API의 데이터를 브라우저 클라이언트로 스트리밍하려면 어떻게 해...
에서 2023-11-11 12:03:23
0
1
497
잡히지 않은 TypeError: 정의되지 않은 속성을 설정할 수 없습니다('innerHTML' 설정). "Continuous TextBox"(내 클래스에 의해 정의됨) 클래스의 요소에서 PHP를 사용하여 웹 페이지를 만들려고 합니다. 클릭하면 다른...
에서 2023-11-08 21:06:09
0
1
278
JavaScript에서 색상이라는 CSS/HTML의 RGB 값을 얻는 방법 [name-rgb]라는 Javascript 개체를 만들었습니다. 기본: 명명된Colors={AliceBlue:[240,248,255],AntiqueWhite:[2...
에서 2023-11-06 09:05:50
0
2
210
왜 그렇게 많은 JavaScript 스크립트가 사물에 임의의 숫자를 추가합니까? 충돌? 나는 최근에 JavaScript를 배우고 있으며 Math.rand()를 사용하여 링크(Face book.com, 가독성 북마크)에 추가하는 많은 예를 보았습니다....
에서 2023-11-04 20:00:04
0
2
296
JavaScript의 성능 제한 식별 Javascript에서 병목 현상을 찾으려고 합니다. 기본적으로 저는 작업을 수행하는 데 4-5초가 걸리는 Javascript로 작성된 크롬 확장 프로그램을 개발...
에서 2023-10-31 20:47:17
0
1
229
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！