<style>
#qsfg23 {
width: 520px;
height: 320px;
background: green;
user-select: none;
font: bold 1.9em sans-serif;
color: yellow;
text-shadow: 1px 1px 2px #000000;
padding: 12px;
}
</style>
<div id="qsfg23">背景绿 单击蓝 右键红 双击绿</div>
<script>
qsfg23.onclick = () => {qsfg23.style.background = 'blue';qsfg23.innerText = '单击蓝';};
qsfg23.onmouseup = (e) => {
if(e.button !== 2) return;
qsfg23.style.background = 'red';qsfg23.innerText = '右键击变红';
};
qsfg23.ondblclick = () => {qsfg23.style.background = 'green';qsfg23.innerText = '双击变绿';};
qsfg23.oncontextmenu = (e) => e.preventDefault();
</script>
|