Przycisk na divie

HTML

<div role="button" tabindex="0" class="button">Jestę przyciskię</div>

CSS

.button {
	display: inline-block;
	padding: 5px;
	border: 1px #000 solid;
	cursor: default;
}
.button:hover {
	background: #ddd;
}
.button:focus {
	outline: 1px navy solid;
}
.button:active {
	background: #ccc;
}

JavaScript

var button = document.querySelector( '.button' );

button.addEventListener( 'keydown', function( evt ) {
	if ( evt.keyCode === 32 || evt.keyCode === 13 ) {
		evt.preventDefault();
		evt.target.click();
		// A co ze stylami dla :active przy kliku klawką? ;)
	}
}, false );

button.addEventListener( 'click', function() {
	alert( 'Button' );
}, false );