div怎么添加一个点击事件onClick

div怎么添加一个点击事件onClick,第1张

<!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.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>添加table列</title>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(e) {

$(".jquery_div").click(function(){

alert("jquery单击")

})

})

function js_click(){

alert("js_单击")

}

</script>

</head>

<body>

<div onclick="js_click()">js_单击</div>

<div class="jquery_div">jquery单击</div>

</body>

</html>

具体回答就是在div上写ng-click="cbClick()"这样的方式来实现.angular框架推崇的是声明式ui,所以基本上回调事件写在html元素上比较符合约定,或者你也可以把事件封装到指令中. 用angular的话,最好不要考虑jquery的思路来做程序,最好的方式就是考虑下angular特有的方式,比如双向数据绑定,控制器,指令来完成这类型的功能,不要去考虑细节怎么实现的,要从抽象的层面去实现,不然angular能做的,jquery也能做,不要把一个angular程序写出jquery

1、先新建一个html文件,命名为test.html。

2、在test.html文件中,使用div标签创建一行文字,并设置div的class为mydiv,主要用于下面通过该class获得div对象。

3、在js标签内,在页面加载完成时,使用bind()方法给div绑定click事件,当div被点击时,提示“已绑定点击事件”。

4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“解绑click事件”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在js标签内,创建myfun()函数,在函数内,通过class(mydiv)获得对象,使用unbind()方法解除click事件。

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11590954.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存