JavaScript实例教程(六)JavaScript中处理事件之单击事件onClic

2016-02-19 14:40 16 1 收藏

下面,图老师小编带您去了解一下JavaScript实例教程(六)JavaScript中处理事件之单击事件onClic,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

单击事件onClick

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

当用户单击鼠标按钮时,产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生:

button(按钮对象)
checkbox(复选框)或(检查列表框)
radio (单选钮)
reset buttons(重要按钮)
submit buttons(提交按钮)
一切文本和图片

例:可通过下列按钮激活alert():

html
head
/head
body
Form
Input type="button" Value="你好 " onClick="alert('你好!我是JavaScript')"
/Form
/body
/html

运行结果如下:

JavaScript实例教程(六)JavaScript中处理事件之单击事件onClick

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

单击事件onClick

JavaScript实例教程(六)JavaScript中处理事件之单击事件onClick

单击之后的提示

在onClick等号后,可以使用自己编写的函数作为事件处理程序,也可以使用JavaScript中内部的函数。还可以直接使用JavaScript的代码等。

来源:https://www.tulaoshi.com/n/20160219/1607497.html

延伸阅读
标签: Web开发
js鼠标事件大全2008年01月14日 星期一 08:54一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发...
标签: Web开发
上一篇介绍了Javascript初学者实例教程(1):简单交互 实例二、      本实例主要介绍了event对象和事件的简单应用。 html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" titlemouse/title script language="javascript" function catchEvent() { var event...
标签: Web开发
本节稍稍深入地讨论关于事件处理的话题,如果你对模式、闭包和面向对象等概念还不太理解,不妨暂且等阅读完相关内容之后再回过头来阅读它,相信你会有很大收获。 1 事件处理模式        在程序设计领域,“事件处理”是一种模式,当一个对象受外部影响而改变状态时,通过消息的方式将这个状态改变...
标签: Web开发
在很多语言的学习中,事件都是一个比较难理解,但是又是一个很重要的概念。javascript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理,读过之后,您就会知道,很多Ajax框架实现拖动效果的原理了。 一、 IE Event对象 (一)IE Event对象的主要属性和方法 在IE中有一个专...
标签: Web开发
 onLoadExecutes JavaScript code when a load event occurs; that is, when the browser finishes loading a window or all frames within a FRAMESET tag. Navigator 2.0 Navigator 3.0: event handler of Image   语法onLoad="handlerText"参数   描述Use the onLoad event handler within either the BOD...

经验教程

417

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部