扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
指针其实就是内存地址,能够操作指针,就表示程序可以直接操作内存,这对于运行于网页中的js脚本是非常危险的,浏览器以及操作系统都不可能让这样的事发生,所以js脚本不可能有指针的概念,只能引用由浏览器分配的内存,至于这个内存的物理地址究竟是什么,则至少对于js的编程者而言是不透明的。
创新互联服务项目包括洛扎网站建设、洛扎网站制作、洛扎网页制作以及洛扎网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,洛扎网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到洛扎省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
HTML-----------------------------------
div id="testDiv"放在我上面/div
script type="text/javascript"
$('#testDiv').mousemove(function(e) {
var xx = e.originalEvent.x || e.originalEvent.layerX || 0;
var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
$(this).text(xx + '---' + yy);
});
/script
JS----------------------------------
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlejavascript获得鼠标位置/title
/head
body
script
function mouseMove(ev)
{
Ev= ev || window.event;
var mousePos = mouseCoords(ev);
document.getElementById("xxx").value = mousePos.x;
document.getElementById("yyy").value = mousePos.y;
}
function mouseCoords(ev)
{
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return{
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
document.onmousemove = mouseMove;
/script
鼠标X轴:
input id=xxx type=text
鼠标Y轴:
input id=yyy type=text
/body
你要知道两点:1 、javascript里面所有元素都是对象,当然包括函数也是;2、在Javascript里面,this指针代表的是执行当前代码的对象的所有者。 根据两个原则可以很容易判断,比如第一个,这个this的所有者是window 所以这个this.x=0;你可以理解成为window.x=0; 其他的你自己判断吧
代码如下:
!doctype html
html
head
meta charset="utf-8"
title获取鼠标在Canvas中的坐标位置/title
style
#canvas{
border:1px solid #ccc;
width:300px;
height:300px;
overflow:hidden;
}
/style
script
function get_canvas(ev,obj){
m_clientX = ev.clientX-obj.offsetLeft;
m_clientY = ev.clientY-obj.offsetTop;
document.getElementById("tips").innerHTML = "当前坐标:X:"+ m_clientX + " ,Y:" +m_clientY;
}
/script
/head
body
div id="tips"/div
div id="canvas" onmousemove="get_canvas(event,this)"/div
/body
/html
兼容IE8+
用 javascript 获取当前页面上鼠标(光标)位置在许多情况下都会用到,比如拖放,悬停提示(tooltip) 等等。当然,这里我们依然要面对浏览器的兼容问题,在不同的浏览器下,对这些相关的属性处理方式也不同。
参考资料
首页 → 网络编程 → JavaScript → javascript技巧 → js获取鼠标位置实例详解.脚本之家[引用时间2018-1-18]
函数调用
function test(){
alert(1);
}
直接调用
test();
指定内部this指针调用
(1)test.call(window);//执行test函数,将方法内部this指向window
(2)test.apply(window);///执行test函数,将方法内部this指向window
通过事件调用
window.onload = test;//当页面载入时调用
window.onerror = test;当页面发生错误时调用
this是表示句柄的上层
在js里面
对象访问域比较混乱 估计没几个人能说清楚访问顺系
下面有几个例子
1,
在HTML里面直接写
var win=this;
是把 代码最上层对象引用给 win 在IE里面最外层对象好是 window
2,
var a={};//对象
a.init=function(){\\初始化方法
var theSelf=this;//this 就是a 本身的引用
}
3,
function myObj(){
//作为一个对象的构造方法 用
this.self=this;
this.alertMsg=function(){alert("tesst");} //一个测试方法
}
var a =new myObj();//创建一个对象
a.self.alertMsg();//测试方法
a.alertMsg();//操作等于上行代码
//以上就是我对js的一点点认识 有兴趣的话 可以交个朋友 以后一起研究
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流