我有一个标题元素：

<代码><；H2>；&；#9782；今日账单<；/H2>；

我希望（&；#9782）图标具有onclick功能，但不给它一个标记，以便它保持在<h2>&#9782; Today's Bills</h2> 标记.

我的方法是这样的。

<代码><；H2>；<；onclick={somfunc}>；&；#9782；<；/>；今日账单<；/H2>；//不起作用

那么有没有办法做到这一点呢？如果没有，有没有办法给这部分<代码><；H2>；标记onclick？

我不想让它成为2个标签元素，并编写CSS来使它们对齐，因为这可能会破坏其他东西。我是新来的，所以不这样做会更好。

顺晟科技：

这可以通过CSS来完成，而不需要插入另一个元素。

如果你绝对不想在HTML中插入额外的元素，那么你可以使用一个伪before元素。

这可以保存特殊字符，并将指针事件设置为自动，而实际的H元素将指针事件设置为无。

<代码>H2{指针事件：无；}H2：之前{内容：“\2636 ”；指针事件：自动；}

<代码><；H2 onclick=“ alert（' I have seen a click '）；”>；今天的账单<；/H2>；

[目前只在Edge/Chrome上测试过]

然而，可能存在可访问性问题，因为我不确定每个屏幕阅读器都会宣布该特殊字符，因此使用特殊软件的人可能会错过点击它的可能性。

这是行不通的，使用一个元素（如span）

编辑：此JSX需要转换为HTML，并且需要将事件绑定到实际元素。