html有默认事件的标签,想问一下默认button点击事件行为，要使用别的标签怎么模拟？...

有2种方法，一种用css控制(我注释掉了)，一种js控制

body,

html {

margin: 0;

padding: 0;

}

.btn {

display: inline-block;

border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);

border-style: solid;

border-width: 1px;

padding: 1px 7px 2px;

font-size: 12px;

cursor: default;

}

.btn:active {

/*background-color: #eee;*/

}

点我1

点我2

var btn2 = document.getElementById('btn2');

btn2.addEventListener('mousedown', function (e) {

btn2.style.backgroundColor = '#eee';

})

btn2.addEventListener('mouseup', function () {

btn2.style.backgroundColor = '#fff';

});