如何使用JS触发DIV的onclick事件

JavaScript012

如何使用JS触发DIV的onclick事件,第1张

自动触发点击事件,其实就让点击实现自己执行。

下面是简单的代码实现:

HTML 代码:

1

<div style='width:100pxheight:100pxbackground:#ccc' id='div'></div>

JS代码:

1

2

3

4

5

var oDiv = document.getElementById('div') //获取元素div

oDiv.onclick = function(){ //给元素增加点击事件

alert(1)

}

oDiv.click() //执行点击事件,这样就模拟出了自动执行点击事件。

回答完毕,采纳即可。

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<title>YuGiOh</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

$ (function ()

    {

// 动态创建的div,需要委派事件,否则动态生成的无法绑定事件。

    $ ('body').delegate ('div', 'click', function ()

    {

    alert ($ (this).html ())

    })

    

    $ (":button").click (function ()

    {

    var div = $ ('<div>')

    $ ('body').append (div)

    div.html (div.index ("div"))

    })

    })

</script>

</head>

<body>

<div>aaaa</div>

<button>test</button>

</body>

</html>

假如你页面的js有定义过 xxx()这样的函数

如果你div那里衔接需要

<a href = "javascript:xxx()"></a>

如果是鼠标移上去的 就是 " onmuseover = javascript:xxx()"

鼠标移走 就是 " onmuseout = javascript:xxx()"

注意一下大小写哦

当然也可以在div里面加入

<script>

js代码

</script>这样调用

具体问题具体对待