javascript 如何为 html 标签 添加事件

Question

RT

Answer 1

你说的是 javascript 函数 和 html 元素 的交互吗？

第一种方法：
两个部分：
javascript部分（相当于给出check（）接口。）：
<script language="javascript">
function check()
{
if { ……}
else{……}
}
</script>

html 部分（各种调用方法，相当于调用js的check（）接口,当点击后将运行JS函数。也可以将onclick改为其他如：onmouseover)：
<div onclick="check()"></div>
<form onsubmit="check()">
<input type="submit" >
</form>
<button onclick="check()"></button>

javascript是写事件的，html调用了这个事件。上文中的自定义事件名称check()，也可以自定义为其他，（）圆括号是必须有的。

第二种方法：
可以直接用javascript选择html元素，直接操作元素。
<div id=click>click</div>
<script language="javascript">
var x=document.getElementById("click")
x.onclick = function()
{
alert("OK");
};
</script>
这种方法需要熟悉 HTML DOM。本回答被提问者采纳

Answer 2

<span id="Span1"></span>
JQ:$("#Span1").click(function(){
alert("a");//do
})

Answer 3

飘过~

Answer 4

<div id=test>点击我</div>
<script>
var test1=document.getElementById("test")
test1.onclick = function() {
alert("你好！");
};
test1.onmouseover = function() {
this.style.color="#f00";
this.style.cursor="pointer";
};
test1.onmouseout = function() {
this.style.color="";
};
</script>