Question

我继承了一个代码库，其中使用遍布图像的一些<span>在图像上设置图标。跨度看起来像：

<span class='circle_logo'></span>

我需要在这些图标的onclick事件中触发某些事情。

我在过去通过切换到<button>已经解决了这个问题，但是在这种情况下这不起作用（它会弄乱特定的位置）。我尝试在跨度中添加一些 但是它不起作用，似乎即使我添加字符，点击也必须在字符的实际像素上。有什么想法吗？

感谢阅读。

Answer 1

假设document.querySelector('.circle_logo').addEventListener('click', () => { console.log('clicked'); });以某种方式可见，只需使用Javascript附加处理程序，如下所示：

＆＃13;

.circle_logo {
  background-image: url("https://www.gravatar.com/avatar/681cf17a49fa99ff9aa2289734aafac2?s=32&d=identicon&r=PG");
  display: inline-block;
  width: 30px;
  height: 30px;
}

＆＃13;

<span class='circle_logo'></span>

＆＃13;

from ... import SnowflakeApi

def some_func(*args, api=None, **kwargs):
    api = api or SnowflakeApi(...)
    conn = api.get_connection()
    # Do some work
    return result

＆＃13;

将onclick事件设置为空跨度（CSS中设置的图标）？

1 个答案: