利用事件冒泡实现简单的网页计算器
生活随笔
收集整理的這篇文章主要介紹了
利用事件冒泡实现简单的网页计算器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
?效果:
代碼:
?
<!DOCTYPE HTML> <html><head><title>取消與利用冒泡</title><meta charset="utf-8"/></head><body><div id="keys"><button>1</button><button>2</button><button>3</button><button>4</button><br><button>C</button><button>+</button><button>-</button><button>=</button></div><textarea id="sc" style="resize:none;width:200px; height:50px;" readonly></textarea><script>var sc=document.getElementById("sc");document.getElementById("keys").addEventListener("click",function(e){if(e.target.nodeName=="BUTTON"){switch(e.target.innerHTML){case "C":sc.value="";break;case "=":sc.value=eval(sc.value);break;default:sc.value+=e.target.innerHTML;}}});</script></body> </html>?
轉載于:https://www.cnblogs.com/web-fusheng/p/6745143.html
總結
以上是生活随笔為你收集整理的利用事件冒泡实现简单的网页计算器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【JeeSite】用户管理
- 下一篇： 第十五章:测试