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

合集下载

js中trigger的用法

js中trigger的用法

js中trigger的用法一、什么是trigger?Trigger是JavaScript中的一个方法,它可以通过模拟用户事件来触发元素上的事件处理程序。

在某些情况下,触发器可以帮助我们模拟用户交互并自动执行一些操作。

二、trigger的语法在JavaScript中,使用trigger方法需要指定两个参数:要触发的事件类型和要传递给事件处理程序的数据对象(可选)。

语法如下:$(selector).trigger(eventType,[,extraParameters])其中,selector表示要触发事件的元素选择器;eventType表示要触发的事件类型,比如click、mouseover等;extraParameters是一个可选参数,它可以传递给事件处理程序。

三、trigger的使用场景1. 模拟用户交互当我们需要模拟用户行为时,可以使用trigger方法来实现。

比如说,在自动化测试中,我们需要测试一个表单是否能够正确地提交数据。

这时候就可以使用trigger方法来模拟用户点击提交按钮,并验证表单是否成功提交。

2. 触发自定义事件除了浏览器原生支持的事件类型外,我们也可以通过jQuery自定义一些事件类型,并使用trigger方法来触发这些自定义事件。

比如说,在一个网页应用中,我们可能需要监听一个名为"customEvent"的自定义事件,并在该事件被触发时执行一些操作。

这时候就可以使用trigger方法来手动触发该自定义事件。

3. 与其他插件配合使用在一些jQuery插件中,我们可能需要手动触发某个事件来实现一些特定的功能。

比如说,在jQuery UI的sortable插件中,我们需要手动触发"sortstop"事件来通知该插件排序已经完成。

四、trigger的实例1. 模拟点击事件在下面的示例中,我们创建了一个按钮,并为其绑定了一个点击事件。

当用户点击按钮时,会弹出一个对话框。

javascript的常用事件有哪些

javascript的常用事件有哪些

javascript的常⽤事件有哪些javascript常⽤事件:click、dblclick、mouseup、mouseout、keypress、keydown、keyup、error、load、resize、unload、blur、change、focus、reset等。

JavaScript 的⼀个基本特征就是事件驱动。

所谓事件驱动,就是当⽤户执⾏了某种操作或 Javascript 和 html 交互后导致了某种状态改变后,会因此⽽引发⼀系列程序的响应执⾏。

在这⾥,⽤户的操作称为事件,程序对事件作出的响应称为事件处理。

事件处理,是指程序对事件作出的响应。

事件,对 JavaScript 来说,就是⽤户与 Web 页⾯交互时产⽣的操作或 Javascript 和 html 交互后导致发⽣变化某种状态的事情,⽐如移动⿏标、按下某个键、单击按钮等操作以及表⽰ Ajax 的⼯作状态发⽣变化、表⽰动画已经完成运⾏等。

事件处理中涉及的程序称为事件处理程序。

事件处理程序通常定义为函数。

在 Web 页⾯中产⽣事件的界⾯元素,称为事件源。

在不同事件源上可以产⽣相同类型的事件,同⼀个事件源也可以产⽣不同类型的事件。

JS 程序通过指明事件类型和事件源,并对事件源绑定事件处理程序,这样,⼀旦事件源发⽣指定类型的事件,浏览器就会调⽤事件源所绑定的处理程序进⾏事件处理。

所以事件处理涉及的⼯作包括事件处理程序的定义及其绑定。

在 Web 页⾯中,⽤户可进⾏的操作有很多,⽽每⼀种操作都将产⽣⼀个事件。

下⾯给⼤家介绍⼀下javascript常⽤事件。

JavaScript 常⽤事件事件描述⿏标事件 click ⽤户单击⿏标时触发此事件dblclick ⽤户双击⿏标时触发此事件mousedown ⽤户按下⿏标时触发此事件mouseup ⽤户按下⿏标后松开⿏标时触发此事件mouseover 当⽤户将⿏标的光标移动到某对象范围的上⽅时触发此事件mousemove ⽤户移动⿏标时触发此事件mouseout 当⽤户⿏标的光标离开某对象范围时触发此事件mousewheel 当滚动⿏标滚轮时发⽣此事件,只针对 IE 和 Chrome 有效DOMMouseScroll 当滚动⿏标滚轮时发⽣此事件,针对标准浏览器有效键盘事件 keypress 当⽤户键盘上的某个字符键被按下时触发此事件keydown 当⽤户键盘上某个按键被按下时触发此事件keyup 当⽤户键盘上某个按键被按下后松开时触发此事件窗⼝事件 error 加载⽂件或图像发⽣错误时触发此事件load 页⾯内容加载完成时触发此事件resize 当浏览器的窗⼝⼤⼩被改变时触发此事件unload 当前页⾯关闭或退出时触发此事件表单事件 blur 当表单元素失去焦点时触发此事件click ⽤户单击复选框、单选框、普通按钮、提交按钮和重置按钮等按钮时触发此事件change 表单元素的内容发⽣改变并且元素失去焦点时触发此事件focus 当表单元素获得焦点时触发此事件reset ⽤户单击表单上的重置按钮时触发此事件select ⽤户选择了⼀个 input 或 textarea 表单元素中的⽂本时触发此事件submit ⽤户单击提交按钮提交表单时触发此事件。

js触发事件大全

js触发事件大全

js 触发事件大全事件浏览器支持解说一般事件onclick IE3、N2 鼠标点击时触发此事件ondblclick IE4、N4 鼠标双击时触发此事件onmousedown IE4、N4 按下鼠标时触发此事件onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件onmousemove IE4、N4 鼠标移动时触发此事件onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件.onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件页面相关事件onabort IE4、N3 图片在下载时被用户中断onbeforeunload IE4、N 当前页面的内容将要被改变时触发此事件onerror IE4、N3 出现错误时触发此事件onload IE3、N2 页面内容完成时触发此事件onmove IE、N4 浏览器的窗口被移动时触发此事件onresize IE4、N4 当浏览器的窗口大小被改变时触发此事件onscroll IE4、N 浏览器的滚动条位置发生变化时触发此事件onstop IE5、N 浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断onunload IE3、N2 当前页面将被改变时触发此事件表单相关事件onblur IE3、N2 当前元素失去焦点时触发此事件onchange IE3、N2 当前元素失去焦点并且元素的内容发生改变而触发此事件onfocus IE3 、N2 当某个元素获得焦点时触发此事件onreset IE4 、N3 当表单中RESET的属性被激发时触发此事件onsubmit IE3 、N2 一个表单被递交时触发此事件滚动字幕事件onbounce IE4、N 在Marquee内的内容移动至Marquee显示范围之外时触发此事件onfinish IE4、N 当Marquee元素完成需要显示的内容后触发此事件onstart IE4、 N 当Marquee元素开始显示内容时触发此事件编辑事件onbeforecopy IE5、N 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件onbeforecut IE5、 N 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件onbeforeeditfocusIE5、N 当前元素将要进入编辑状态onbeforepaste IE5、 N 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件onbeforeupdate IE5、 N 当浏览者粘贴系统剪贴板中的内容时通知目标对象oncontextmenu IE5、N 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件oncopy IE5、N 当页面当前的被选择内容被复制后触发此事件oncut IE5、N 当页面当前的被选择内容被剪切时触发此事件ondrag IE5、N 当某个对象被拖动时触发此事件 [活动事件]ondragdrop IE、N4 一个外部对象被鼠标拖进当前窗口或者帧ondragend IE5、N 当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了ondragenter IE5、N 当对象被鼠标拖动的对象进入其容器范围内时触发此事件ondragleave IE5、N 当对象被鼠标拖动的对象离开其容器范围内时触发此事件ondragover IE5、N 当某被拖动的对象在另一对象容器范围内拖动时触发此事件ondragstart IE4、N 当某对象将被拖动时触发此事件ondrop IE5、N 在一个拖动过程中,释放鼠标键时触发此事件onlosecapture IE5、N 当元素失去鼠标移动所形成的选择焦点时触发此事件onpaste IE5、N 当内容被粘贴时触发此事件onselect IE4、N 当文本内容被选择时的事件onselectstart IE4、N 当文本内容选择将开始发生时触发的事件数据绑定onafterupdate IE4、N 当数据完成由数据源到对象的传送时触发此事件oncellchange IE5、N 当数据来源发生变化时ondataavailable IE4、N 当数据接收完成时触发事件ondatasetchanged IE4、N 数据在数据源发生变化时触发的事件ondatasetcomplete IE4、N 当来子数据源的全部有效数据读取完毕时触发此事件onerrorupdate IE4、N 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件onrowenter IE5、N 当前数据源的数据发生变化并且有新的有效数据时触发的事件onrowexit IE5、N 当前数据源的数据将要发生变化时触发的事件onrowsdelete IE5、N 当前数据记录将被删除时触发此事件onrowsinserted IE5、N 当前数据源将要插入新数据记录时触发此事件外部事件onafterprint IE5、N 当文档被打印后触发此事件onbeforeprint IE5、N 当文档即将打印时触发此事件onfilterchange IE4、N 当某个对象的滤镜效果发生变化时触发的事件onhelp IE4、N 当浏览者按下F1或者浏览器的帮助选择时触发此事件onpropertychange IE5、N 当对象的属性之一发生变化时触发此事件onreadystatechangeIE4、N 当对象的初始化属性值发生变化时触发此事件。

javascript事件的用法

javascript事件的用法

javascript事件的用法JavaScript 事件的用法如下:1. 在HTML 元素上绑定事件:可以通过在HTML 元素的属性中添加事件处理函数来绑定事件。

例如,可以通过添加`onclick` 属性来定义当元素被点击时要执行的代码。

示例代码如下:html<button onclick="myFunction()">点击我</button><script>function myFunction() {alert("Hello World!");}</script>2. 通过JavaScript 绑定事件:可以使用JavaScript 来为元素绑定事件处理函数。

可以通过`addEventListener` 方法来添加事件处理函数。

示例代码如下:html<button id="myButton">点击我</button><script>document.getElementById("myButton").addEventListener("click", myFunction);function myFunction() {alert("Hello World!");}</script>3. 事件参数:事件处理函数可以接收事件对象作为参数,可以使用事件对象来获取关于事件的信息,如事件类型、触发事件的元素等。

示例代码如下:html<button onclick="myFunction(event)">点击我</button><script>function myFunction(event) {alert("事件类型: " + event.type);alert("触发事件的元素: " + event.target);}</script>4. 移除事件处理函数:可以通过`removeEventListener` 方法来移除通过`addEventListener` 添加的事件处理函数。

JavaScript中的事件触发

JavaScript中的事件触发

JavaScript中的事件触发JavaScript是一种广泛应用于网页开发的编程语言,它可以通过事件触发实现交互和响应用户操作。

本文将探讨JavaScript中的事件触发及其相关概念和技术。

一、事件触发概述在Web开发中,事件(Event)是指用户与网页进行交互或浏览器发生特定动作时触发的操作。

JavaScript通过事件机制实现对用户行为的监听和相应处理。

二、事件监听与处理事件监听是指程序通过监听用户操作或其他操作,来实现响应的功能。

在JavaScript中,可以通过addEventListener()函数来添加事件监听器。

例如,以下代码会在点击按钮时触发相应的事件处理函数:```javascriptvar button = document.getElementById("myButton");button.addEventListener("click", myFunction);function myFunction() {// 处理代码}```在上述代码中,addEventListener()函数用于给按钮元素添加click (点击)事件监听,该事件触发后会执行名为myFunction的函数。

三、常见事件类型1. 鼠标事件鼠标事件是指通过鼠标操作触发的事件,常见的鼠标事件包括:- click:鼠标点击事件;- mouseover:鼠标移入事件;- mouseout:鼠标移出事件;- mousemove:鼠标移动事件;- mousedown:鼠标按下事件;- mouseup:鼠标松开事件。

2. 键盘事件键盘事件是指通过键盘操作触发的事件,常见的键盘事件包括:- keydown:按下键盘按键事件;- keyup:释放键盘按键事件;- keypress:按下并释放键盘按键事件。

3. 表单事件表单事件是指通过表单元素的操作触发的事件,常见的表单事件包括:- submit:表单提交事件;- input:输入内容改变事件;- change:表单元素值改变事件。

JavaScript创建和触发自定义事件

JavaScript创建和触发自定义事件

JavaScript 创建和触发⾃定义事件第⼀种第⼀种使⽤使⽤Event 构造函数创建事件构造函数创建事件::event = new Event(typeArg, eventInit);typeArg :指定事件类型,传递⼀个字符串。

这⾥的事件类型指的是像点击事件(click )、提交事件(submit )、加载事件(load )等等。

eventInit :可选,传递EventInit 类型的字典。

实际上这个EventInit 类型的字典也就是我们使⽤InitEvent()时需要传递的参数,以键值对的形式传递,不过它可以多选⼀个参数:bubbles :事件是否⽀持冒泡,传递⼀个boolean 类型的参数,默认值为false 。

cancelable :是否可取消事件的默认⾏为,传递⼀个boolean 类型的参数,默认值为false 。

composed :事件是否会触发shadow DOM (阴影DOM )根节点之外的事件监听器,传递⼀个boolean 类型的参数,默认值为false 。

const event = new Event('build');// Listen for the event.elem.addEventListener('build', function (e) { /* ... */ }, false );// Dispatch the event.elem.dispatchEvent(event);不适⽤Internet Explorer 浏览器第⼆种CustomEvent 对象的构造函数CustomEvent()可以像Event()那样赋值,但它可以在Web Workers 中使⽤(与主线程分离的另⼀个线程),可以传递跟事件关联的相关值(detail )event = new CustomEvent(typeArg, customEventInit);typeArg ⼀个表⽰ event 名字的字符串customEventInit 可选detail :可选的默认值是 null 的任意类型数据,是⼀个与 event 相关的值bubbles :⼀个布尔值,表⽰该事件能否冒泡。

js触发事件的方法

js触发事件的方法

js触发事件的方法JavaScript中,触发事件的方法是非常重要的,它可以让我们在页面上动态响应用户的行为,从而提高我们页面的交互性和用户体验。

在本篇文章中,我们将深入探讨JS触发事件的方法。

一、addEventListener()方法addEventListener()方法是JS中使用最多的事件绑定方法之一,它能够捕获指定事件类型的所有事件,并将它们处理成指定的回调函数。

我们来看一下使用addEventListener()方法的语法:element.addEventListener(event, function, useCapture)参数说明:event:必须。

字符串,表示要接收的事件类型,比如click、mousedown等。

function:必须。

事件触发时执行的回调函数。

useCapture:可选。

Boolean类型,表示是否使用事件捕获模式。

默认情况下为false,即使用事件冒泡模式。

二、onclick()方法onclick()方法是一种特殊的事件触发方法,它只能用于鼠标单击事件。

当鼠标单击元素时,onclick()方法会触发指定的回调函数。

我们来看一下onclick()方法的语法:element.onclick = function;参数说明:function:必须。

事件触发时执行的回调函数。

三、dispatchEvent()方法dispatchEvent()方法是JS中另一种触发事件的方法,它可以模拟任何类型的事件,如鼠标事件、键盘事件等等。

使用dispatchEvent()方法时需要先创建一个Event对象,然后通过dispatchEvent()方法触发该对象。

我们来看一下dispatchEvent()方法的语法:element.dispatchEvent(event)参数说明:event:必须。

Event对象,表示要触发的事件类型。

四、fireEvent()方法在IE浏览器中,我们可以使用fireEvent()方法来触发事件。

javascript触发事件

javascript触发事件

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.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件如:input type=boutton value=按钮onmouseover=window.status='请您注意下面的状态栏'; return true9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.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键或者单击浏览器中的帮助按钮时触发的事件。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

javascript事件集合(包有触发事件)事件javascrip是基于对象语言,而基于对象的基本特征就是采用事件驱动.通常鼠标或键盘的动作称之为事件,而由鼠标或键盘的动作引发的一连串程序动作,称之为事件驱动.对事件进行处理的程序或函数称为事件处理程序.事件处理程序的基本语法:function 事件处理名(参数表) {事件处理语句集…………….}在调用事件处理程序时的基本语法:事件驱动=处理程序说明:在等号后,可以使用自己编写的函数作为事件处理程序,也可以使用javascript内部的函数,还可以直接使用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.鼠标覆盖事件_____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.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键或者单击浏览器中的"帮助"按钮时触发的事件click() 对象.click() 使对象被点击。

closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框,确定返回true取消返回falsecursor:样式更改鼠标样式hand crosshair text wait help default auto e/s/w/n-resize event.clientX 返回最后一次点击鼠标X坐标值;event.clientY 返回最后一次点击鼠标Y坐标值;event.offsetX 返回当前鼠标悬停X坐标值event.offsetY 返回当前鼠标悬停Y坐标值document.write(stModified) 网页最后一次更新时间document.ondblclick=x 当双击鼠标产生事件document.onmousedown=x 单击鼠标键产生事件document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值,须与函数配合, document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值,须与函数配合,document.title document.title="message"; 当前窗口的标题栏文字document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色document.forms.length 返回当前页form表单数document.anchors.length 返回当前页锚的数量document.links.length 返回当前页联接的数量document.onmousedown=x 单击鼠标触发事件document.ondblclick=x 双击鼠标触发事件defaultStatus window.status=defaultStatus; 将状态栏设置默认显示function function xx(){...} 定义函数isNumeric 判断是否是数字innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码innerText divid.innerText=xx 将以div定位以id命名的对象值设为XXlocation.reload(); 使本页刷新,target可等于一个刷新的网页Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整Math.floor(number) 将对象number转为整数,舍取所有小数Math.min(1,2) 返回1,2哪个小Math.max(1,2) 返回1,2哪个大navigator.appName 返回当前浏览器名称navigator.appVersion 返回当前浏览器版本号navigator.appCodeName 返回当前浏览器代码名字erAgent 返回当前浏览器用户代标志onsubmit onsubmit="return(xx())" 使用函数返回值opener opener.document.对象控制原打开窗体对象prompt xx=window.prompt("提示信息","预定值"); 输入语句parent parent.框架名.对象控制框架页面return return false 返回值random 随机参数(0至1之间)reset() form.reset(); 使form表单内的数据重置split("") string.split("") 将string对象字符以逗号隔开submit() form对象.submit() 使form对象提交数据String对象的charAt(x)对象反回指定对象的第多少位的字母lastIndexOf("string") 从右到左询找指定字符,没有返回-1indexOf("string") 从左到右询找指定字符,没有返回-1LowerCase() 将对象全部转为小写UpperCase() 将对象全部转为大写substring(0,5) string.substring(x,x) 返回对象中从0到5的字符setTimeout("function",time) 设置一个超时对象setInterval("function",time) 设置一个超时对象toLocaleString() x.toLocaleString() 从x时间对象中获取时间,以字符串型式存在typeof(变量名) 检查变量的类型,值有:String,Boolean,Object,Function,Underfined window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3 window.screen.availWidth 返回当前屏幕宽度(空白空间)window.screen.availHeight 返回当前屏幕高度(空白空间)window.screen.width 返回当前屏幕宽度(分辨率值)window.screen.height 返回当前屏幕高度(分辨率值)window.document.body.offsetHeight; 返回当前网页高度window.document.body.offsetWidth; 返回当前网页宽度window.resizeTo(0,0) 将窗口设置宽高window.moveTo(0,0) 将窗口移到某位置window.focus() 使当前窗口获得焦点window.scroll(x,y) 窗口滚动条坐标,y控制上下移动,须与函数配合window.open() window.open("地址","名称","属性")属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),menubar(菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全屏),scrollbars(全屏时无滚动条无参数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)window.location = ’view-source:’ + window.lo cation.href 应用事件查看网页源代码;a=new Date(); //创建a为一个新的时期对象y=a.getYear(); //y的值为从对象a中获取年份值两位数年份y1=a.getFullYear(); //获取全年份数四位数年份m=a.getMonth(); //获取月份值d=a.getDate(); //获取日期值d1=a.getDay(); //获取当前星期值h=a.getHours(); //获取当前小时数m1=a.getMinutes(); //获取当前分钟数s=a.getSeconds(); //获取当前秒钟数对象.style.fontSize="文字大小";单位:mm/cm/in英寸/pc帕/pt点/px象素/em文字高1in=1.25cm1pc=12pt1pt=1.2px(800*600分辩率下)文本字体属性:fontSize大小family字体color颜色fontStyle风格,取值为normal一般,italic斜体,oblique斜体且加粗fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线background:文字背景颜色,backgroundImage:背景图片,取值为图片的插入路径点击网页正文函数调用触发器:1.onClick 当对象被点击2.onLoad 当网页打开,只能书写在body中3.onUnload 当网页关闭或离开时,只能书写在body中4.onmouseover 当鼠标悬于其上时5.onmouseout 当鼠标离开对象时6.onmouseup 当鼠标松开7.onmousedown 当鼠标按下键8.onFocus 当对象获取焦点时9.onSelect 当对象的文本被选中时10.onChange 当对象的内容被改变11.onBlur 当对象失去焦点onsubmit=return(ss())表单调用时返回的值直线border-bottom:1x solid black虚线border-bottom:1x dotted black点划线border-bottom:2x dashed black双线border-bottom:5x double black槽状border-bottom:1x groove black脊状border-bottom:1x ridge black1.边缘高光glow(color=颜色,strength=亮光大小)Tags: javascript js 网页脚本shunz –周三, 2005 – 03 – 30 13:04学习笔记发表评论–更多– 2530 reads?网页自动设置为主页在定义了前面的javascript的cookie函数的前题下:在后面加上onMouseOver="if(!this.isHomePage(’/’) &&window.external && !GetCookie(’HomePage’)){this.setHomePage(’’) ;S etCookie(’HomePage’,’true’);}return false;">并且在前面加上。

相关文档
最新文档