《2022年jsjavascript事件集合 .pdf》由会员分享，可在线阅读，更多相关《2022年jsjavascript事件集合 .pdf（12页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、javascript事件集合 ( 包有触发事件)事件javascrip 是基于对象语言,而基于对象的基本特征就是采用事件驱动.通常鼠标或键盘的动作称之为事件 ,而由鼠标或键盘的动作引发的一连串程序动作,称之为事件驱动.对事件进行处理的程序或函数称为事件处理程序. 事件处理程序的基本语法: function 事件处理名 (参数表 ) 事件处理语句集. 在调用事件处理程序时的基本语法: 事件驱动 =处理程序说明 :在等号后 ,可以使用自己编写的函数作为事件处理程序,也可以使用javascript 内部的函数,还可以直接使用javascript 的代码等 .1.单击事件 _onclick 用户单击鼠
2、标按键时产生的事件.同时 onclick指定的事件处理程序或代码将被调用执行. 如: 2.改变事件 _onchange 当 text或 textarea元素内的字符值改变或select表格选项状态改变里发生该事件. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 12 页 - - - - - - - - - 如; 3.选中事件 _onselect 当 text或 textarea对象中的文字被选中里会引发该事件如: 4.获得焦点事件 _onfocus 用户单击 text或
3、 textarea以及 select对象时 ,即光标落在文本框或选择框时会产生该事件. 如: 5.失去焦点事件 _onblur 失去焦点事件正好与获得焦点事件相对,当 text对象 ,textarea对象或 select对象不再拥有焦点而退出后台时 ,引发该事件 . 6.载入文件事件 _onload 当页面文件载入时,产生该事件 .onload的一个作用就是在首次载入一个页面文件时检测cookie的值 ,并用一个变量为其赋值,使它可以被源代码使用,本事件是 window的事件 ,但是在 HTML 中指定事件处理程序时,一般把它写在 标记中 . 如: 7.卸载文件事件 _onunload 与载入
4、文件事件onload正好相反 ,当 web 页面退出时引发的事件,并可更新 cookie的状态如: 8.鼠标覆盖事件_onmouseover onmouseover是当鼠标位于元素上方时所引发的事件名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 12 页 - - - - - - - - - 如: 9.鼠标离开事件 _onmouseout onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果. 10.一般事件ondbclick
5、鼠标双击事件鼠标上的按键被按下时激活的事件鼠标按下后 ,松开鼠标时触发的事件鼠标移动里触发的事件. onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象11.页面相关事件onabort 图片在下载时被用户中断onbeforeunload 当前页面的内容将要被改变时触发的事件onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误 . onmove 浏览器的窗口被移动里触发的事件onresize 当
6、浏览器的大小被改变时触发的事件onscroll 浏览器的滚动条位置发生变化时触发的事件onstop 浏览器的 停止 按钮被按下或者正在下载的文件被中断时触发的事件. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 12 页 - - - - - - - - - 12. 表单相关事件onreset 当表单中 reset属性被激活时触发的事件. onsubmit 一个表单被递交时触发的事件. 13.滚动字幕事件onbounce 当 marquee内的内容移动至marquee显示
7、范围之外时触发的事件. onfinish 当 marquee元素完成需要显示的内容后触发的事件. onstart 当 marquee元素开始显示内容时触发的事件. 14.编辑事件 . onbeforecopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件. onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象oncontextmenu 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件. 禁止使用鼠标右键oncopy 当页面当前被选择内容被复制后触发的事件oncut 当页面当前被选择内容被剪切时触发的事件onpaste 当内容被粘贴时触发的事
8、件ondrag 当某个对象被拖动时触发的事件ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件. 15.数据绑定onafterupdate 当数据完成由数据源到对象的传送时触发的事件oncellchange 当数据来源发生变化时触发的事件名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 12 页 - - - - - - - - - ondataavailable 当数据接收完成时触发的事件ondatasetchanged 数据在数据源发生变化时触
9、发的事件. ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件. onerrorupdate 当使用 onbeforeupdate事件触发取消了数据传送时,代替 onafterupdate事件 . onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件. onrowexit 当前数据源的数据将要发生变化时触发的事件onrowsdelete 当前数据记录将被删除时触发的事件onrowsinserted 当前数据源将要插入新数据记录时触发的事件16.外部事件onafterprint 当文档被打印后触发的事件onbeforeprint 当文档即将打印
10、时触发的事件onhelp 当浏览者按下F1 键或者单击浏览器中的帮助 按钮时触发的事件click() 对象 .click() 使对象被点击。closed 对象 .closed 对象窗口是否已关闭true/false clearTimeout(对象 ) 清除已设置的setTimeout对象clearInterval(对象 ) 清除已设置的setInterval对象名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 12 页 - - - - - - - - - confirm(提
11、示信息 ) 弹出确认框，确定返回true取消返回 false cursor:样式 更改鼠标样式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(document.lastModified) 网页最后一次更新时间document.ondblclick=x 当双击鼠标产生事件do
12、cument.onmousedown=x 单击鼠标键产生事件document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合, document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，document.title document.title=message; 当前窗口的标题栏文字document.bgcolor document.bgcolor=颜色值 ; 改变窗口背景颜色document.Fgcolor document.Fgcolor=颜色值 ; 改变正文颜色document.linkcolor document
13、.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 双击鼠标触发事件名师资料
14、总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 12 页 - - - - - - - - - defaultStatus window.status=defaultStatus; 将状态栏设置默认显示function function xx(). 定义函数isNumeric 判断是否是数字innerHTML xx=对象 .innerHTML 输入某对象标签中的html源代码innerText divid.innerText=xx 将以 div 定位以 id 命名的对象值设为XX
15、location.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 返回当前浏览器代码名字navigator.userAgent 返回
16、当前浏览器用户代标志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对象字符以逗号隔开名师资料总结 - - -精品资料欢迎下载 - - - -
17、 - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 12 页 - - - - - - - - - submit() form对象 .submit() 使 form对象提交数据String对象的charAt(x)对象 反回指定对象的第多少位的字母lastIndexOf(string) 从右到左询找指定字符，没有返回-1 indexOf(string) 从左到右询找指定字符，没有返回-1 LowerCase() 将对象全部转为小写UpperCase() 将对象全部转为大写substring(0,5) string.substring(
18、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 返回当前屏幕宽度( 空
19、白空间 ) 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(
20、x,y) 窗口滚动条坐标，y 控制上下移动，须与函数配合名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 12 页 - - - - - - - - - window.open() window.open(地址 , 名称 , 属性 ) 属性 :toolbar(工具栏 ),location(地址栏 ),directions,status(状态栏 ), menubar(菜 单栏 ),scrollbar(滚动条 ),resizable(改变大小 ), width(宽),height
21、(高),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(); /获取日期值d
22、1=a.getDay(); /获取当前星期值h=a.getHours(); /获取当前小时数m1=a.getMinutes(); /获取当前分钟数s=a.getSeconds(); /获取当前秒钟数对象 .style.fontSize=文字大小 ; 单位： mm/cm/in英寸 /pc 帕/pt点/px象素 /em 文字高1in=1.25cm 1pc=12pt 1pt=1.2px(800*600分辩率下 ) 文本字体属性：fontSize大小family字体名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - -
23、 - - - - 第 9 页，共 12 页 - - - - - - - - - color颜色fontStyle风格，取值为normal一般 ,italic斜体 ,oblique斜体且加粗fontWeight加粗 ,取值为 100 到 900 不等 ,900最粗 ,light,normal,bold letterSpacing间距 ,更改文字间距离 ,取值为 ,1pt,10px,1cm textDecoration:文字修饰 ;取值 ,none不修饰 ,underline下划线 ,overline上划线background:文字背景颜色 , backgroundImage:背景图片 ,取值为图
24、片的插入路径点击网页正文函数调用触发器：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
25、solid black 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 12 页 - - - - - - - - - 虚线 border-bottom:1x dotted black 点划线border-bottom:2x dashed black 双线 border-bottom:5x double black 槽状 border-bottom:1x groove black 脊状 border-bottom:1x ridge black 1. 边缘高光 glow(c
26、olor=颜色 ,strength=亮光大小 ) Tags: javascript js 网页脚本shunz 周三 , 2005 03 30 13:04 学习笔记发表评论 更多 2530 reads ? 网页自动设置为主页在定义了前面的javascript的 cookie函数的前题下：在后面加上onMouseOver=if(!this.isHomePage( http:/ window.external & !GetCookie( HomePage ) this.setHomePage( http:/ ) ; SetCookie( HomePage , true ); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 12 页 - - - - - - - - - return false; 并且在前面加上名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 12 页 - - - - - - - - -