JavaScript处理事件:单击事件onClick

单击事件onClick

当用户单击鼠标按钮时,产生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>

运行结果如下:

单击事件onClick

单击之后的提示

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

时间: 2024-11-08 17:39:32

JavaScript处理事件:单击事件onClick的相关文章

JavaScript中处理事件之单击事件onClick

javascript 单击事件onClick 当用户单击鼠标按钮时,产生onClick事件.同时onClick指定的事件处理程序或代码将被调用执行.通常在下列基本对象中产生: button(按钮对象)checkbox(复选框)或(检查列表框)radio (单选钮)reset buttons(重要按钮)submit buttons(提交按钮)一切文本和图片 例:可通过下列按钮激活alert(): <html><head></head><body><For

IE8的JavaScript点击事件(onclick)不兼容的解决方法_javascript技巧

博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的. 开始代码是这么写的: 复制代码 代码如下: var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent("

三种Android单击事件onclick的实现方法

onclick事件的定义方法,分为三种,分别为在xml中进行指定方法:在Actitivy中new出一个OnClickListenner():实现OnClickListener接口三种方式. 代码分别如下: 1. xml指定onclick事件,这种方式比较适用于指定的button,能使java代码相对简化一些: xml文件中: <span style="color:#333333;"><Button android:text="Button03" a

JavaScript 模拟用户单击事件_javascript技巧

一开始,我想到了用jQuery的click()事件来触发超链接的单击事件(与trigger("click")一样的效果).结果发现不如人意. 实例如下: 效果图 IE: FireFox:   复制代码 代码如下: <h3>请单击"Click Me".测试提交按钮与超链接是否也被单击了.</h3>     <button id="btn">Click Me</button>     <form

Android onClick按钮单击事件的四种常用写法

这里使用四种onClick单击事件,来实现电话拔号器的DEMO. XML文件 <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="phone" android:ems="10" android:id="@+id/et_number" android:l

javascript所有on事件集合

javascript所有on事件集合,整理起来方便查找和记忆. onactivate 当对象设置为活动元素时触发. onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发. onbeforeactivate 对象要被设置为当前元素前立即触发. onbeforecut 当选中区从文档中删除之前在源对象触发. onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发. onbeforeeditfocus 在包含于可编辑元素内的

理解JavaScript中的事件

javascript 在很多语言的学习中,"事件"都是一个比较难理解,但是又是一个很重要的概念.JavaScript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果.本文就讨论一下JavaScript中的事件处理,读过之后,您就会知道,很多Ajax框架实现拖动效果的原理了.一. IE Event对象(一)IE Event对象的主要属性和方法 在IE中有一个专门负责事件处理的对象Event,这个对象负责对事件的处理,含有很多的属性和方法,通过这些方法和属性的调用,就能

js导航栏单击事件背景变换的示例代码

 本篇文章主要是对js导航栏单击事件背景变换的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示;    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

如何给easyui的某个子节点挂载单击事件?(附demo)

问题描述 如何给easyui的某个子节点挂载单击事件?(附demo) 这个demo只能给全部的节点加单击事件 如何只给node111加单击事件? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../../themes/default/e