當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

利用事件冒泡实现简单的网页计算器

發布時間：2023/12/20 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了利用事件冒泡实现简单的网页计算器小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?效果:

代碼:

<!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

總結

以上是生活随笔為你收集整理的利用事件冒泡实现简单的网页计算器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。