在一个TD上禁用点击事件-JavaScript

时间:2018-07-12 07:54:26

标签: javascript html

我在行(tr)上使用onClick事件函数来显示模式。 我要使行的所有td都打开Bootstrap Modal,但带有类的最后一个td是“ clickable-td”。

html表格:

export class App {
  model: any;

  constructor() {
    this.model = [{name: "Item 1"}, {name: "Item 2"}];
  }

  ngAfterViewInit() {
      this.initDraggable();
  }   

  initDraggable($content) : void {
    var me = this;
    var options = {
          helper: "clone",
          start: function () {
              console.log("start dragging");
          },
          stop: function () {
            console.log("stop dragging - add new element to the model");
            me.model.push({
                name: "New Item"
            });
          }
      };

     $(".draggable-item").draggable(options);
  }
}

2 个答案:

答案 0 :(得分:1)

怎么样?

$(".clickable-td").on("click", function(e){
    e.preventDefault();
    return false;
});

答案 1 :(得分:0)

这是对我有用的答案:)

 $(".clickable-td").on("click", function(e){
                 e.stopPropagation();
                 $(".dropdown-toggle").dropdown();

            });