`
winterlei27
  • 浏览: 9494 次
文章分类
社区版块
存档分类
最新评论

JavaScript知识:触发事件大全

阅读更多
1.单击事件___onclick
用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:<input type="button" value="打开页面" onlick="window.open('xxxx.html','newwindow','width=456,height=230,toolbar=no,menubar=no,scrollbars=yes');">

2.改变事件___onchange
当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;<textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的内容")>

3.选中事件____onselect
当text或textarea对象中的文字被选中里会引发该事件
如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")>

4.获得焦点事件____onfocus
用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name="zhengjian" onfocus="alert("我成为焦点")>

5.失去焦点事件______onblur
失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.

6.载入文件事件____onload
当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert("正在加载页面,请等待...")>

7.卸载文件事件____onunload
与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload="confirm("你确定要离开本页?")>
分享到:
评论

相关推荐

    javaScript知识大全

    以下将根据提供的资源——"JavaScript知识大全",以及包含的两个文件"JS的方法集.chm"和"JavaScript.chm",来详细介绍JavaScript的一些核心知识点。 1. **基础语法**: - 变量声明:JavaScript支持var、let和const...

    JavaScript程序设计——事件处理实验报告.docx

    - **Event对象**:事件处理函数中通常会传递一个Event对象,包含了关于事件的信息,如事件类型、位置等。 - **键盘事件**:如`onkeydown`(键按下)、`onkeyup`(键释放)和`onkeypress`(字符键按下)。 - **...

    按名称触发事件.rar

    事件触发通常涉及到以下几个关键知识点: 1. **事件**:事件是系统或应用程序中发生的一种情况,可以被其他组件或函数监听并作出响应。例如,按钮点击、文件加载、网络请求完成等都是常见的事件类型。 2. **事件...

    JavascriptEvents:Javascript事件

    4. **事件对象**:事件处理函数通常会接收到一个事件对象,从中可以获取关于事件的详细信息,如触发事件的元素(`event.target`)、事件类型(`event.type`)、鼠标位置(`event.clientX`和`event.clientY`)等。...

    JavaScript实用知识库分享

    本篇文章将详细介绍JavaScript的实用知识库,涵盖了JavaScript的基础知识、Ajax、DOM操作、事件处理、数据存储、异步编程、正则表达式、ES6、回调函数、Web API、动画库、设计模式等多方面的知识点。 JavaScript...

    [js]javascript事件集合(包有触发事件).pdf

    ### JavaScript事件集合知识点 ...以上是文档中提到的一些JavaScript事件集合知识点的总结,涵盖了事件的基本概念、触发方式、以及在开发中如何使用它们。掌握这些知识点对于进行高效的Web开发是十分关键的。

    Asp.net的TextBox回车触发事件

    ### Asp.net中的TextBox回车触发事件 在Asp.net开发中,经常需要处理用户在文本框(`TextBox`)内的输入操作,特别是在用户按下回车键时触发某些特定的操作,比如提交表单或者执行搜索功能等。本文将详细介绍如何在...

    光标停止输入触发事件 js

    本文档将详细介绍一个JavaScript示例,该示例展示了如何在用户停止输入时触发一个事件。这个功能在许多Web应用程序中非常有用,例如实时搜索建议、表单验证或数据同步等场景。通过分析提供的代码片段,我们将了解其...

    javascript in action:javascript 实战源码

    2. **DOM操作**:JavaScript与HTML文档对象模型的交互是其主要功能之一,涉及元素选择(getElementById、querySelector等)、属性修改、事件监听和触发。 3. **AJAX**:用于异步数据交换,使得网页可以在不刷新整个...

    Eclipse快捷键大全 javascript鼠标事件汇总

    在编程世界中,效率是关键,而熟悉并掌握IDE(集成开发环境)的快捷键以及...同时,文档`javascript鼠标事件汇总.doc`和`Eclipse快捷键大全.doc`提供了更详细的指南,建议深入学习,将这些知识融入日常开发实践。

    JavaScript项目:用户注册实例.rar

    4. **事件监听**:通过`addEventListener`函数,我们可以添加事件监听器,如在用户点击“提交”按钮时触发验证和处理逻辑。 5. **正则表达式**:在验证用户输入时,我们可能需要使用正则表达式来检查格式是否符合...

    echarts 3D地图,地图区域点击触发事件.rar.rar

    ECharts 3D地图是其特色功能之一,允许用户以三维视角展示地理数据,同时提供了丰富的自定义选项和交互事件,如地图区域点击触发事件。 在这个“echarts 3D地图,地图区域点击触发事件.rar”压缩包中,我们可以预见...

    点击图片触发input是file的事件

    JQuery 是一个流行的 JavaScript 库,用于简化 JavaScript 编程。这里,我们使用 JQuery 来选择 DOM 元素,并绑定事件处理函数。 本文介绍了点击图片触发 input 是 file 的事件,并且实现了图片上传和预览的功能。...

    JavaScript事件机制详细研究

    冒泡型的事件从最具体的元素开始触发,逐步向上冒泡到最顶层的元素;捕获型的事件从最顶层的元素开始捕获,逐步向下捕获到最具体的元素。 在 JavaScript 事件机制中,事件 handler 是一个函数,它会在事件发生时被...

    javascript入门和基础知识

    ### JavaScript入门和基础知识 #### 为什么学习JavaScript? 1. **前端技术的重要组成部分**:JavaScript能够对页面内容进行实时验证,减少不必要的服务器请求,降低服务器负担。 2. **增强用户体验**:利用...

    javascript 操作xml的所有属性事件方法和实例

    2. 事件触发: - `dispatchEvent`:触发自定义事件。 四、XMLHttpRequest(XHR)与AJAX 1. XHR对象用于异步请求XML数据: - `open`:初始化请求。 - `send`:发送请求。 - `onreadystatechange`:状态改变时...

    WEB页编程技巧──JavaScript事件的应用.pdf

    本文档主要介绍了JavaScript事件在WEB页编程中的应用,包括JavaScript事件的概念、分类、事件处理器的使用、事件驱动编程等方面的知识点。 一、JavaScript事件概述 JavaScript事件是指用户与WEB页之间的交互动作,...

    bootstrap TreeView全选单选,定位选触发事件实例

    Bootstrap TreeView是一款基于Bootstrap框架的可扩展的树形视图组件,它允许用户以...通过理解和应用以上知识点,你就能构建出一个功能完善的Bootstrap TreeView选择事件实例,满足用户在查看和操作层次数据时的需求。

Global site tag (gtag.js) - Google Analytics