JS offsetX 与 火狐兼容问题

简介: JS offsetX 与 火狐 兼容问题 火狐 好像不支持 offsetX 下面这段代码中的offsetX 该怎么改,在火狐 下,才能好用呢?function upNext(bigimg){var lefturl = 'javascript:dPlayPre();';var righturl...

JS offsetX火狐 兼容问题

火狐 好像不支持 offsetX
下面这段代码中的 offsetX 该怎么改,在 火狐 下,才能好用呢?

function upNext(bigimg){
var lefturl = 'javascript:dPlayPre();';
var righturl = 'javascript:dPlayNext();';
var imgurl = righturl;
var width = bigimg.width;
var height = bigimg.height;
bigimg.onmousemove=function(evt){
evt = evt ? evt : (window.event ? window.event : null);
if(evt. offsetX <width/2){
bigimg.style.cursor = 'url(/images/arr_left.cur),auto';
imgurl = lefturl;
}
else{
bigimg.style.cursor = 'url(/images/arr_right.cur),auto';
imgurl = righturl;
}
}
bigimg.onmouseup=function(){
top.location=imgurl;
}
}
昵称: xldgo  时间: 2010-08-27 14:26:15
JScript code
 
  
function upNext(bigimg){
var lefturl = ' javascript:dPlayPre(); ' ;
var righturl = ' javascript:dPlayNext(); ' ;
var imgurl = righturl;
var width = bigimg.width;
var height = bigimg.height;
bigimg.onmousemove
= function (evt){
evt
= evt ? evt : (window.event ? window.event : null );
var fx = evt.offsetX || evt.layerX;
if (fx < width / 2){
bigimg.style.cursor = ' url(/images/arr_left.cur),auto ' ;
imgurl
= lefturl;
}
else {
bigimg.style.cursor
= ' url(/images/arr_right.cur),auto ' ;
imgurl
= righturl;
}
}
bigimg.onmouseup
= function (){
top.location
= imgurl;
}
}
参考:http:
// blog.csdn.net/IBM_hoojo/archive/2010/07/02/5708440.aspx

目录
相关文章
|
4月前
|
JavaScript 前端开发
如何禁用火狐的javascript
如何禁用火狐的javascript
45 0
|
Web App开发 JavaScript 前端开发
火狐浏览器怎么禁用javascript
我们经常会在上网的时候遇到很多禁止了鼠标右键的网页,而那些内容却是我们非常喜欢的,不管是文字或插图都想保存到本地以便以后查看,那我们应该怎样来破解这样的限制呢?通过火狐浏览器禁用javascript就可以做到哦!
1399 0
|
前端开发 JavaScript 测试技术
前端常见兼容问题系列8: 安卓机器中通过JS设置焦点无法拉起软键盘
有时候,为了优化用户体验,做交互设计的同学可能会希望让输入框自动获得焦点并弹出软键盘,这样用户不用点击输入框就可以直接输入。的确,这对用户来说很方便。但真正用HTML5页面去实现的时候,却遇到了问题。 首先我做了这样一个demo。 ``` Title #input1{
3920 0
|
JavaScript 前端开发
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗?
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗?
|
Web App开发 JavaScript Android开发
|
JavaScript 前端开发
js中event对象的offsetX、 clientX、pageX、screenX、 layerX、x之间的区别
我们在web前端项目中经常会使用到offsetX、 clientX、pageX、screenX、 layerX、x等变量,但是有的时候有搞不清楚他们之间的区别,甚至被搞得一头雾水。
1562 0
|
Web App开发 JavaScript 前端开发
JS 回车提交,兼容IE、火狐、Opera、Chrome、Safari……
1、JavaScript 方法: [javascript] &lt;script&gt;      document.onkeydown=function(event){          e = event ? event :(window.event ? window.event : null);          if(e.keyCode==13){          
1705 0
|
JavaScript 前端开发 API
(翻译)火狐操作系统javascript API
原文地址       开放网络应用(Open Web app)的JavaScript API是提供安装、客户端管理等功能的程序接口。 Feature availability 这些 JavaScript API目前还不可用。
909 0