发表于: 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/>
如何由内部样式改为外部样式
评论