js点击一个表格里的某个元素,获取该对象

js点击一个表格里的某个元素,获取该对象,第1张

1<a>标签直接加id,然后用getElementById

2用onclick事件配合this直接传递给相关函数

<td><a href="#" class="c" onclick="func(this)">显示</a></td>

只能获取鼠标对于画布的事件,可以根据点击范围判断点击的内容,然后做相应 *** 作

<!doctype html>

<html>

<head></head>

<body>

<canvas id="canvas" width="500" height="500" style = "border:1px solid red"></canvas>

<script>

var rect={x:100,y:100,w:40,h:20};//定义要画的矩形的位置属性

var canvas=documentgetElementById('canvas');

var cxt=canvasgetContext('2d');

cxtfillRect(rectx,recty,rectw,recth);//绘制矩形

canvasonclick=function(e){//给canvas添加点击事件

    e=e||event;//获取事件对象

    //获取事件在canvas中发生的位置

    var x=eclientX-canvasoffsetLeft;

    var y=eclientY-canvasoffsetTop;

    //如果事件位置在矩形区域中

    if(x>=rectx&&x<=rectx+rectw&&y>=recty&&y<=recty+recth){

        windowopen('链接地址');//打开指定链接

    }

}

</script>

</body>

</html>

以上就是关于js点击一个表格里的某个元素,获取该对象全部的内容,包括:js点击一个表格里的某个元素,获取该对象、新手求助html5 canvas画布的鼠标单击事件,谢谢!、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9740002.html

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

发表评论

登录后才能评论

评论列表(0条)

保存