如何html中标签上添加点击事件？

方法一：直接在标签元素上添加

方法二：是通过js来添加

如图：

介绍：

HTML(Hyper Text Mark-up Language )即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑绝物中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

这样，你只要使并拦液用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。

HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的衡芦具体内容。

项目中经常会遇到选择一个复杂图片的某个区域，然后做点击或其他 *** 作。

如在这个图片上，分别点击上中下三个区域做不同的 *** 作。

处理方法：

1.把图片导入ai中，把需要点击的区域的轮廓分别用钢笔工具画出来，颜色填充或者线描边，图层顺序：轮廓在背景上面，如下图所示，导出svg。

2.svg中path（也就是选择的轮廓）的样式直接设置fill填充颜色或者stroke描边颜色,去掉style样式

3.在js文件中使用<embed>标签展示svg图片，通过id获取每个区域郑仿卜，增加点击事件。

这里的id就是svg文件中<g>标喊穗签的id，也是ai软件中图层的名字，所以在ai中就可以把id名字命名好

如此便可以对图片上不同的区域做 *** 大派作了！

右键点击柱形图，点禅盯腔击浮动菜单中的“添加数据标签”，在每个柱形图中就添加上了数据。也可以通过双击数据标签对进行编辑，在则羡其中添加文字。还可以右键单击数据标签，点贺衫击浮动菜单中的“设置数据标签格式”对数据标签进行修改。

---