javascript - 1回目のマウスイベントを無効にし、3回目のクリックで同じイベントを再度有効にする - javascript

Question

複数の onclick イベントで色を変える div があります。

var linkClick = 1; 
  function update_link(obj){ 
  if (linkClick == 1){obj.style.border = 'solid 1px red'};
  if (linkClick == 2){obj.style.border = 'solid 1px blue'};
  if (linkClick == 3){obj.style.border = 'solid 1px green'};
  if (linkClick >3 ) {obj.style.border = 'solid 1px #555555'; linkClick=0};
  linkClick++; 
}

そしてhtmlで：onclick="update_link(this);"

1回目のクリックで onmouseenter と onmouseleave を無効にし、3回目のクリックで再度有効にする必要があります。

入れようとしましthis.onmouseleave='null'たonclickが、別のクリックまたはイベントで再度有効にする方法がわかりません。

誰かがこれを達成する方法を知っていますか?