使用 javascript 禁用 onclick 属性

沃梦达教程前端问题

2022-01-01

Disabling onclick attribute with javascript(使用 javascript 禁用 onclick 属性)

本文介绍了使用 javascript 禁用 onclick 属性的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

当其中一个事件被激活后，如何禁用另一个 onclick 事件.两个 div 都设置为 display:none;在 CSS 中.这可能真的很简单，但我是编程新手.

How do I disable the other onclick event once one of them has been activated. Both divs are set to display:none; in the CSS. This is probably really simple but I am new to programming.

HTML

<a id="leftbutton" href="#" onclick="showDiv(this.id); return false;">click me</a>
<a id="righttbutton" href="#"onclick="showDiv(this.id); return false;">click me</a>

Javascript

function showDiv(id)
{   
  if(id == "leftbutton"){
     document.getElementById('orangediv').style.display = 'block';
     }else{
     document.getElementById('greendiv').style.display = 'block';
}}

推荐答案

这应该可以解决问题:

function showDiv(id)
{   
  if(id == "leftbutton"){
     document.getElementById('orangediv').style.display = 'block';
     document.getElementById('righttbutton').onclick = null;
     }else{
     document.getElementById('greendiv').style.display = 'block';
     document.getElementById('leftbutton').onclick = null;
}}

这篇关于使用 javascript 禁用 onclick 属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：使用 javascript 禁用 onclick 属性