weixin_50380723的博客

关于鼠标位置的获取一、相对屏幕的位置（screen）<script> var x = event.screenX // window.event.screenX var y = event.screenY // window.event.screenY</script>补充：单位为 px（像素）获取到的位置是相对显示屏幕左上角的偏移量当设备连接了多台显示器时，会将所有显示器都计算进去二、相对网页的显示区域的位置（client）<scr

禁止图片被拖拽一般的图片可以通过鼠标拖拽进行复制粘贴，同时拖拽过程中会出现虚化的图片如图解决方法方法一：设置draggable="false"<img src="./a.jpg" draggable="false">方法二：通过javascript禁止<img id="a" src="./a.jpg"><script> document.getElementById("a").onmousedown = function(e){ e

通过hover改变img的src修改content值即可改变src（在其它伪类选择器中同理）content: url(./图2.jpg);举例<style> img:hover{ content: url(./图2.jpg); }</style><img src="./图1.jpg">

给元素设置鼠标移入后变为手型的属性鼠标移到该元素上时形状变为小手cursor: pointer;举例<style> div{cursor: pointer;}</style><div>鼠标移动到此将变为手型</div>

禁止文本域被拉伸取消文本域通过鼠标拉伸变化大小resize: none;举例<style> #textarea{resize: none;}</style><textarea id="textarea"></textarea>

取消文本框被选中时边框的默认样式文本框被选中时其边框会变为默认的样式，使用这个属性可以取消其默认样式，文本框被选中时边框无变化outline: none;举例<style> #biankuang{outline: none;}</style><input id="biankuang" type="text"/>...

设置字间距一行代码letter-spacing: 10px;举例<style> div{letter-spacing: 10px;}</style><div>此文本字间距为10像素</div>

设置内部文本首行缩进一行代码text-indent: 16px;举例<style> div{text-indent: 16px;}</style><div>此文本会缩进16像素</div>

禁止元素内部的文本被选中在需要禁止的元素的样式中添加以下代码-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;举例<style> -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;</style&g