`
x98zero
  • 浏览: 109583 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript 触发事件列表

    博客分类:
  • web
阅读更多

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("你确定要离开本页?")>
 
8.鼠标覆盖事件 _____onmouseover
onmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">
 
9.鼠标离开事件_____onmouseout
onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
 
10.一般事件
ondbclick          鼠标双击事件
鼠标上的按键被按下时激活的事件
鼠标按下后,松开鼠标时触发的事件
鼠标移动里触发的事件.
onkeypress       当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown       当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup            当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象
 
11.页面相关事件
onabort   图片在下载时被用户中断
onbeforeunload   当前页面的内容将要被改变时触发的事件
onerror        捕捉当前页面因为某种原因而出现的错误,如脚本错误.
onmove       浏览器的窗口被移动里触发的事件
onresize     当浏览器的大小被改变时触发的事件
onscroll         浏览器的滚动条位置发生变化时触发的事件
onstop          浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件.
 
12. 表单相关事件
onreset      当表单中reset属性被激活时触发的事件.
onsubmit  一个表单被递交时触发的事件.
 
13.滚动字幕事件
onbounce    当marquee内的内容移动至marquee显示范围之外时触发的事件.
onfinish      当marquee元素完成需要显示的内容后触发的事件.
onstart        当marquee元素开始显示内容时触发的事件.
 
14.编辑事件.
onbeforecopy    当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.
onbeforeupdate  当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenu   当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.
                                <body oncontentmenu="return false">禁止使用鼠标右键
oncopy              当页面当前被选择内容被复制后触发的事件
oncut                  当页面当前被选择内容被剪切时触发的事件
onpaste               当内容被粘贴时触发的事件
ondrag                当某个对象被拖动时触发的事件
ondragend          当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.
 
15.数据绑定
onafterupdate    当数据完成由数据源到对象的传送时触发的事件
oncellchange      当数据来源发生变化时触发的事件
ondataavailable  当数据接收完成时触发的事件
ondatasetchanged   数据在数据源发生变化时触发的事件.
ondatasetcomplete   当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate          当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter               当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit                 当前数据源的数据将要发生变化时触发的事件
onrowsdelete            当前数据记录将被删除时触发的事件
onrowsinserted         当前数据源将要插入新数据记录时触发的事件
 
16.外部事件
onafterprint      当文档被打印后触发的事件
onbeforeprint   当文档即将打印时触发的事件
onhelp              当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件
分享到:
评论

相关推荐

    JavaScript触发事件列表

    "JavaScript触发事件列表" JavaScript是一种广泛应用于Web开发的编程语言,它提供了许多事件处理机制,以便开发者能够捕捉和响应用户交互操作。下面是JavaScript触发事件列表,涵盖了常见的事件类型和应用场景: ...

    javascript 触发事件列表 比较不错

    以下是一些常见的JavaScript触发事件及其详细解释: 1. **单击事件 (onclick)**:当用户点击鼠标按钮时触发,常用于按钮点击打开新页面或执行特定功能。 ```html 打开页面" onclick="window.open('xxxx.html','new...

    javascript触发模拟鼠标点击事件

    这样可以无需用户直接交互即可触发事件处理函数。本文详细介绍了如何使用JavaScript来触发模拟的鼠标点击事件,并提供了IE浏览器和其他现代浏览器(例如Chrome、Firefox)中实现的示例代码。 首先,要理解事件...

    javascript事件列表解说

    下面是对JavaScript事件列表的详细解说: 1. **鼠标事件**: - `onclick`:在鼠标单击元素时触发。 - `ondblclick`:当鼠标双击元素时触发。 - `onmousedown`:在鼠标按钮被按下时触发。 - `onmouseup`:当鼠标...

    JavaScript详细事件列表

    ### JavaScript详细事件列表知识点解析 #### 一、概述 JavaScript是一种广泛使用的脚本语言,用于增强网站的交互性。在Web开发中,事件是与用户交互的重要方式之一。JavaScript提供了丰富的事件类型,允许开发者...

    javascript的触发事件全集

    这是关于javascript的触发事件全部,可以拿来查查

    js触发事件大全

    本文将详细讲解JavaScript中的各种触发事件。 1. 鼠标事件: - onclick:当鼠标单击元素时触发。 - ondblclick:鼠标双击元素时触发。 - onmousedown:鼠标按钮被按下时触发。 - onmouseup:鼠标按钮被释放时...

    AJAX中不触发javascript事件

    当UpdatePanel内的控件如GridView触发事件时,它会发送异步请求到服务器,获取响应后更新对应的DOM元素,而不是刷新整个页面。然而,UpdatePanel的这种工作方式可能导致JavaScript事件处理程序不会像在传统页面刷新...

    JavaScript鼠标常用事件列表

    JavaScript是一种广泛应用于网页...这个HTML文件提供的列表将帮助开发者快速查找和理解JavaScript中的各种鼠标事件,从而更好地实现用户交互功能。在实际项目中,结合CSS和DOM操作,可以创建丰富的动态效果和用户界面。

    Javascript触发Ajax回传,调用客户端事件

    **Ajax(Asynchronous ...总的来说,JavaScript触发的Ajax回传与客户端事件结合,可以创建高度交互和动态的网页应用,提升用户体验。而ASP.NET AJAX库提供了更强大的工具,简化了在ASP.NET环境中进行Ajax开发的过程。

    javascript表单事件汇总

    `onchange`事件在表单元素(如下拉列表、文本框等)中的值发生改变时触发。这是收集用户输入、更新数据库或执行其他基于输入变化的操作的关键时机。例如,当用户在下拉菜单中选择不同的选项时,可以即时显示相关信息...

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

    以下是一些常见的JavaScript事件以及它们的触发方式和应用场景。 #### 1. onclick事件 `onclick`事件是最常见的事件之一,当用户点击一个元素时触发。例如: ```javascript 点击我" onclick="window.open('xxxx....

    javascript的事件大全

    JavaScript事件是JavaScript编程中非常重要的一个概念,它涉及到用户与网页交互的响应机制。事件是用户或浏览器执行特定操作时触发的代码执行点。以下是对JavaScript事件大全的详细解释: 1. 鼠标事件: - onClick...

    按名称触发事件.rar

    "按名称触发事件"的概念是这一模型的一个延伸,它涉及到通过函数名称来动态地绑定和调用事件处理函数。这种方式提高了代码的灵活性和可扩展性,特别是在大型项目或需要频繁调整事件处理逻辑的应用中。 事件触发通常...

    光标停止输入触发事件 js

    ### 光标停止输入触发事件 JS #### 概述 本文档将详细介绍一个JavaScript示例,该示例展示了如何在用户停止输入时触发一个事件。这个功能在许多Web应用程序中非常有用,例如实时搜索建议、表单验证或数据同步等...

Global site tag (gtag.js) - Google Analytics