Question

我想将按钮更改为可点击的文本，其功能与按钮相同！

我尝试过Google，StackOverFlow和Youtube。

这是按钮

  <button onclick=" mainApp.logOut()">logOut</button>

我希望有人可以告诉我一种方法，可以将这段代码转换为可点击的文本！

Answer 1

在标签i：text或p标签中将点击事件应用于必需的span，并在其中添加click侦听器。

document.querySelector('span[role="button"]')
    .addEventListener('click', function()  {
        // call to logout function
        console.log('Listening');
    });

.button { cursor:pointer; text-decoration:underline }

<span class="button" role="button">logout</span>

Answer 2

使用带有锚标记的onclick事件

<a href="#" onclick='logout()'>logout</a>

<script type='text/javascript'>

function logout()
{
   //your code
}

</script>

如何将按钮更改为可点击的文本，做与按钮相同的操作

2 个答案: