一、onclick事件
当按钮被点击时执行Javascript代码：:
<button οnclick="myFunction()">Click me</button>
定义和用法
HTML 中:
<element οnclick="SomeJavaScriptCode">
JavaScript 中:
object.οnclick=function(){SomeJavaScriptCode};
| 参数 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
支持 onclick 事件的 HTML 标签：
onclick 属性可以使用与所有 HTML 元素，除了 ：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.
代码实现：
<script>
function myFunction(){
document.getElementById("demo").innerHTML="Hello World";
}
</script>
<body>
<p>单击按钮触发函数。</p>
<button οnclick="myFunction()">点我</button>
<p id="demo"></p>
</body>
二、onmousedown 事件
当用户按下鼠标按钮执行Javascript代码：
<p οnmοusedοwn="myFunction()">Click the text!</p>
定义和用法
onmousedown 事件会在鼠标按键被按下时发生。
提示： 与 onmousedown 事件相关连得事件发生次序（ 鼠标左侧/中间 按钮）：
- onmousedown
- onmouseup
- onclick
与 onmousedown 事件相关连得事件发生次序 (鼠标右侧按钮):
- onmousedown
- onmouseup
- oncontextmenu
语法
在 HTML 中:
<element οnmοusedοwn="SomeJavaScriptCode">
在 JavaScript 中:
object.οnmοusedοwn=function(){SomeJavaScriptCode};
| 参数 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
支持onmousedown 事件的 HTML 标签：
onmousedown 属性适用于所有 HTMl 元素，除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.
代码实现：
<script>
function myFunction(elmnt,clr){
elmnt.style.color=clr;
}
</script>
<body>
<p οnmοusedοwn="myFunction(this,'red')" οnmοuseup="myFunction(this,'green')">
单击文本改变颜色。触发一个带参数函数,当鼠标按钮被按下,,当释放鼠标按钮，再一次触发其他参数函数
</p>
</body>
扫一扫
2041
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
