网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科

网站制作教程之JavaScript客户端鼠标事件驱动大全

时间:2015-12-12 来源:尚品中国 类型:网站百科
字号:   

 JavaScript是基于对象的语言。基于对象的基本特征是网站设计采用事件驱动。用户在客户端使用鼠标或热键的动作被称之为事件,而由鼠标或热键引发的一连串程序的动作,就被称之为事件驱动。主要有以下几个事件:

单击事件(onClick )

营销型网站建设用户单击鼠标按钮时,产生onClick事件,同时onClick指定的事件处理程序将被调用执行。通常单击事件应用在button(按钮对象)、checkbox(复选框)、radio(单选按钮)、 reset buttons(重置按钮)、submit buttons(提交按钮)。

例如:
单击事件代码


将以上代码保存为“onclick.htm",用浏览器打开,单击“点我”按钮,结果如图1.21所示。
单击事件

更改事件(onChange)

更改事件代码
更改事件(onChange)代码

将以上代码保存为“onchange.htm",用浏览器打开,改变文本框的值,页面提示如图1.22所示。
onchange事件
一旦文本框的值改变,即触发onChange事件,执行check函数。

选中事件(onSelect)
选中事件代码

将以上代码保存为“onselect.htm",用浏览器打开.选择文本域中的一些文字,效果如图1.23所示。

选中事件(onSelect)


加载事件(onLoad)

加载事件(onLoad)代码

将以上代码保存为"onload.htm",用浏览器打开,效果如图1.24所示。

加载事件(onLoad)

加载事件是刚进入页面时执行。

卸载事件(onUnload)

卸载事件(onUnload)代码

将以上代码保存为"onunload.htm",用浏览器打开,效果如图1.25所示。
卸载事件(onUnload)

卸载事件是离开页面时执行。

400-700-4979

无论您在哪里,尚品都愿意为您提供高价值服务! 请选择您方便的咨询方式: