отключить событие мыши на 1-й и снова включить его на третьем клике – javascript

У меня есть div, который меняет цвета на нескольких событиях onclick.

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);"

Мне нужно, чтобы onmouseenter и onmouseleave были отключены, когда я нажимаю 1-й раз и снова включаюсь, когда я нажимаю 3-й раз.

Я попытался поместить this.onmouseleave='null' в onclick но я не знаю, как его снова включить с помощью другого клика или события.

Кто-нибудь знает, как это достичь?