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

网站制作教程之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)

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


您好,现在就与尚品客服交流

专业网站建设 | 大型网站开发 | 营销网站建设 | APP开发等业务

您可以直接电话快速沟通

北京专线:010-60259772(总部)

天津专线:022-58793660

假日热线:010-60259772

北京地区微信

天津地区微信

快速在线提交需求

请输入您的姓名(尚品将对您的联系方式严格保密)

请输入您的联系电话或微信号