当前位置: 首页 > 网络学院 > 客户端脚本教程 > JavaScript > JavaScript onclick 事件

JavaScript
JS数学对象参考
JS字符串对象参考
JS函数参考
JS事件参考
Javascript 常用正则表达式
FF和IE下的js兼容性问题
jQuery 简单介绍
jQuery / 核心 / $(expression, [context] ) 函数
jQuery / 核心 / $(html) 函数
如何使用JS来判断浏览器类型(ie、firefox,等等)
Javascript在IE和FireFox中的不同表现
3个js字符编码函数区别
javascript 中的 XMLDOM 对象

JavaScript onclick 事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 483 ::
收藏到网摘: n/a

Definition and Usage
定义与用法

The onclick event occurs when an object gets clicked.
当对象被点击时触发onclick事件

Syntax
语法

onclick="所要执行的脚本"

Parameter
参数
Description
注释
SomeJavaScriptCode
所要执行的脚本
Required. Specifies a JavaScript to be executed when the event occurs.
必选项。当事件触发时所要执行的脚本

Supported by the following HTML tags:
所支持的HTML标签:

<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>

Supported by the following JavaScript objects:
所支持的JavaScript对象:

button, document, checkbox, link, radio, reset, submit


Example
实例

In this example the text in the first input field will be copied to the second input field when a button is clicked:
在下面的例子中,当按钮被点击时文本框一内的文字将被复制到文本框二:

<html>
<body>
文本一:<input type="text" id="field1" value="你好!">
<br />
文本二:<input type="text" id="field2">
<br /><br />
点击按钮复制文字
<br />
<button onclick="document.getElementById('field2').value=
document.getElementById('field1').value">复制文字</button>
</body>
</html>

The output of the code above will be:
输出结果为:

文本一:
文本二:

点击按钮复制文字


Try-It-Yourself Demos
互动演练

onclick
How to use onclick.
如何应用onclick

评论 (0) All

登陆 | 还没注册?