Question

我有一个<div>我已经非常仔细地格式化，看起来不错，我需要让它具有button的功能。我该怎么做呢？

Answer 1

你可以给这个div标签一个onclick函数，如下所示。

＆＃13;

function myfns() {
    console.log("Clicked")
}

＆＃13;

<div id="btn" onclick="myfns()">Click</div>

＆＃13;

Answer 2

首先建议使用<button>代替。你可以随心所欲地设计风格。如果由于某种原因这不是一个选项，你必须做一些不同的事情来从div元素创建一个合适的按钮（以确保它适用于键盘和屏幕阅读器）。

添加点击处理程序。例如btn.addEventListener('click', clickHandler);
添加回车键处理程序。例如btn.addEventListener('keyup', keyHandler);
添加按钮角色。 role="button"
将其添加到Tab键顺序：tabindex="0"

var buttons = document.querySelectorAll('.btn');

buttons.forEach(function (btn) {
  btn.addEventListener('click', function(e) {
    console.log('clicked');
  });
  
  btn.addEventListener('keyup', function(e) {
    if (e.key === 'Enter') {
      console.log('keyup');
    }
  });
});

.btn {
  display: inline-block;
  background: #eee;
  border: 1px solid #aaa;
  padding: 6px;
  cursor: pointer;
}

<div class="btn" role="button" tabindex="0">My Button</div>

<div class="btn" role="button" tabindex="0">My Button</div>

<div class="btn" role="button" tabindex="0">My Button</div>

Answer 3

FILE* fp = fopen("test.txt", "r");
if (fp == NULL) { file_open_error_code; } // Recommended
if (other_condition) {
    fclose(fp); // Manually close it
    perror("other error occurred!");
    return EXIT_FAILURE;
}

同样处理所有按钮事件例如 doubleclick 等

Answer 4

就像你有div

一样

 <div class="demo" >
    ....
    </div>

如果您使用javascript

document.getElementsByClassName('demo')[0]
        .addEventListener('click', function (event) {
            // do something
    });

使用jquery你可以这样做

$(".demo").click(function(){
//do something
});

div成一个js按钮

4 个答案: