js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
css使用user-select,user-select不是W3C标准,浏览器支持不完整;user-select有两个值,none用户不可以选择文本,text用户可以选择文本
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
也可以使用js控制
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
对于table中含有class影响了td中的class,使其不起作用,如:
.pTable td{
background-color: red;
}
.pTd{
background-color: blue;
}
<table class="pTable">
<tr>
<td class="pTd">asdfs</td>
</tr>
</table>
这种情况下.pTd就不起作用,需要为其加上!important
.pTd{
background-color: blue !important
;
}
jquery获得元素坐标
一、获得坐标
1.offset()
offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。(即视口坐标)
该方法返回的对象包含两个整型属性:top 和 left,以像素计。
此方法只对可见元素有效。
2.position()
position() 方法返回匹配元素相对于父元素的位置(偏移)。(相对于父元素的文档坐标)
该方法返回的对象包含两个整型属性:top 和 left,以像素计。
此方法只对可见元素有效。
3.offsetParent()
offsetParent() 方法返回最近的祖先定位元素。
定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。
可以通过 jQuery 设置 position,或者通过 CSS 的 position 属性。
二、获得尺寸
1.width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
2.innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)。
3.outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。
相关文章
- 即使不会node.js,拖拽就可完成数据的可视化展示
- jquery-通过js编写弹出窗口
- Jquery-pagination.js分页处理
- jquery-validation.js验证插件使用详解
- js中的宏任务和微任务详细讲解
- jquery easyui datagrid js获取记录数 页数 当前页
- 五子棋小游戏(JS+Node+Websocket)可分房间对战
- React Native原生模块向JS传递数据的几种方式
- 前端Node.js面试题
- 转载 jQuery和js自定义函数和文件的方法(全网最全)
- jquery.validate.js插件的使用方法
- js获取今日、昨日 等时间的 方法
- jquery.cookie.js使用
- js/jQuery获取data-*属性值【转】
- js 7种继承方式详解
- div随页面滚动遇顶固定的两种方法(js&jQuery)
- WOW.js – 在页面滚动时展现动感的元素动画效果
- Maplace.js – 小巧实用的 jQuery 谷歌地图插件
- JS组件系列——两种bootstrap multiselect组件大比拼
- 模拟jQuery中的ready方法及实现按需加载css,js实例代码
- js 实现通过身份证获取年龄
- jquery TypeError: 'undefined' is not a function (evaluating 'elem.nodeName.toLowerCase()') [jquery.js:1904]错误原因
- 如何观察JS的事件队列的执行划分
- react.js基本操练
- 关于 跨域(提交支付网关 不属于跨域 JS AJAX才属于?)
- js高频知识点
- sea.js和require.js学习网址