发表于: 2020-07-27 23:24:57

1 1236


今天完成的事情

学习正则表达式使用

学习js鼠标事件,鼠标移动到指定位置时发生变化


            window.onload = function () {
                /*
                    当鼠标在areaDiv中移动时,在showMsg中来显示鼠标的坐标
                */
                // 获取两个div
                var areaDiv = document.getElementById("areaDiv");
                var showMsg = document.getElementById("showMsg");

                /*
                    onmousemove
                    - 该事件将会在鼠标在元素移动时触发

                    事件对象
                    - 当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数
                        在事件对象中封装了当前事件相关的一切信息,比如:鼠标的的坐标 键盘哪个被按下 鼠标滚轮滚动方向
                */
                areaDiv.onmousemove = function (event) {
                    /*
                        ie8中,响应函数被触发时,浏览器不会传递事件对象
                        ie8以及以下的浏览器中,是将事件对象作为window对象
                    */
                    event = event || window.event;
                    /*
                        clientX可以获取鼠标指针的水平坐标
                        clientY可以获取鼠标指针的垂直坐标
                    */
                    var x = event.clientX;
                    var y = event.clientY;

                    // alert("x=" + x + ",y=" + y);

                    // 在showMsg中显示鼠标的坐标
                    showMsg.innerHTML = "x=" + x + ",y=" + y;

                };
            };


event = event || window.event;

可以用于兼容ie


遇到的问题:

正则表达式限制输入数字:

<input onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>

如何由内部样式改为外部样式




返回列表 返回列表
评论

    分享到