如何在css属性（背景）上触发点击事件答案

【问题标题】：How to fire click event on the css attribute(background)如何在css属性（背景）上触发点击事件
【发布时间】：2016-07-14 21:04:03
【问题描述】：

我的问题是我想在 css 属性上触发一个点击事件，我正在动态创建一个表，在该表内有单元格，每个单元格上有 3 个分区。所有这些都是动态创建的。

每个分区内都有一个图像，所以我只想在这些分区的那个图像上触发点击事件。下面是我的代码。

function createInnerDiv(day, period)
{
    var divSub      =   document.createElement('div');
    var divT        =   document.createElement('div');
   var divTopics    =   document.createElement('div');

    divSub.id       =   "Sub" + day + "" + period;
    divT.id         =   "T" + day + "" + period;
    divTopics.id    =   "Topics" + day + "" + period;

    divSub.addEventListener('click',function(){
        teacherTT       =   divT.innerHTML;
    });

    divT.addEventListener('click',function(){
        teacherTT = $(this).html();
    });

    divTopics.addEventListener('click',function(){
        teacherTT=divT.innerHTML;
    });

    divx.appendChild(divSub);
    divx.appendChild(divT);
    divx.appendChild(divTopics);
}

它的 CSS：

.class
{
    border-bottom: 1px solid antiquewhite;
    background: url("../images/cross-bright.png") no-repeat scroll 98% center;
}

任何帮助将不胜感激...谢谢...

【问题讨论】：

请创建一个Minimal, Complete, and Verifiable example 以便我们更有效地帮助您（考虑在 sn-p 或 jsfiddle 中编译您的代码）
看到这个答案stackoverflow.com/questions/15314004/…。它并不完全相同，但 OP 试图做的事情的总体思路是相似的。我不认为你可以做你所要求的 - 事件只能附加到 DOM 元素，而不是属性
你能提供小提琴吗..
@ADyson 我知道我只能在 DOM 元素上触发事件..但我认为这可以通过 javacsript 实现...不过必须调整它
@AnkitRauthan 什么是'teacherTT'？它是一个变量吗？你还没有这样声明

标签： javascript jquery html css

【解决方案1】：

我不明白你需要什么 div 在点击事件中添加一个类，但是你可以这样做。

divTopics.addEventListener('click',function(){
    teacherTT=divT.innerHTML;
    $(divTopics).addClass('class');
});

https://api.jquery.com/addclass/

【讨论】：