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

How to fire click event on the css attribute(background)

本文关键字：事件 背景 css 属性      更新时间：2023-09-26

我的问题是我想在 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;
}

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

我不明白您需要什么div才能在单击事件中添加类，但这就是您可以做到这一点的方法。

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

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

相关文章：