function onclickDelete() {

            if(isNotCal == false) {

                str = document.getElementById("nummessege")

                str.value = str.value.substr(0, str.value.length - 1)

            } else {

                onclickclear()

            }

// console.log("清除最后一位")

        }

// 监听键盘事件

        document.onkeydown = function(e) {

// console.log(e)

            switch(e.key) {

                case '1':

                    onclicknum(1)

                    break

                case '2':

                    onclicknum(2)

                    break

                case '3':

                    onclicknum(3)

                    break

                case '4':

                    onclicknum(4)

                    break

                case '5':

                    onclicknum(5)

                    break

                case '6':

                    onclicknum(6)

                    break

                case '7':

                    onclicknum(7)

                    break

                case '8':

                    onclicknum(8)

                    break

                case '9':

                    onclicknum(9)

                    break

                case '0':

                    onclicknum(0)

                    break

                case '.':

                    onclicknum('.')

                    break

                case '+':

                    onclicknum('+')

                    break

                case '-':

                    onclicknum('-')

                    break

                case '*':

                    onclicknum('×')

                    break

                case '/':

                    onclicknum('÷')

                    break

                case 'Backspace':

                    e.preventDefault()

                    onclickDelete()

                    break

                case 'Enter':

                    e.preventDefault()

                    onclickresult()

                    break

                default:

                    break

            }

        }

    </script>

</head>

<body bgcolor="#F2F2F2">

    简易计算器

    <!--定义按键表格,每个按键对应一个事件触发-->

    <table border="1" align="left" bgColor="#2ca1f4" class="Table">

        <tr>

            <td colspan="4" style="text-align: center;padding: 5px 0;"> 

                <input disabled="" placeholder="0" type="text" id="nummessege" class="Input" />

            </td>

        </tr>

        <tr>

            <td>

                <input type="button" value="1" id="1" onclick="onclicknum(1)" class="StandardTd">

            </td>

            <td>

                <input type="button" value="2" id="2" onclick="onclicknum(2)" class="StandardTd">

            </td>

            <td>

                <input type="button" value="3" id="3" onclick="onclicknum(3)" class="StandardTd">

            </td>

            <td>

                <input type="button" value="+" id="add" onclick="onclicknum('+')" class="StandardTd">

            </td>

        </tr>

        <tr>

            <td>

                <input type="button" value="4" id="4" onclick="onclicknum(4)" class="StandardTd">

            </td>

            <td>

                <input type="button" value="5" id="5" onclick="onclicknum(5)" class="StandardTd">

            </td>

            <td>

                <input type="button" value="6" id="6" onclick="onclicknum(6)" class="StandardTd">

            </td>

            <td>

                <input type="button" value="-" id="sub" onclick="onclicknum('-')" class="StandardTd">

            </td>

        </tr>

        <tr>

            <td>

总结

为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

HTML(1),前端开发提高班

HTML(1),前端开发提高班

前端面试题汇总

HTML(1),前端开发提高班

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

HTML(1),前端开发提高班

性能

HTML(1),前端开发提高班

linux

HTML(1),前端开发提高班