Javascript标签onclick event.pageX比较更改

时间:2014-01-18 20:10:27

标签: javascript html javascript-events mouseevent

mobile sites + radio jukebox website的身体宽度不超过600像素(用于个人电脑,平板电脑和智能手机)。

作为一项实验,我想点击right of the BODY(通常在PC上)的任何空白区域来执行某些操作。第一个测试是跳回主菜单。稍后的测试是滚动回到iframe内容的顶部。由于这是在<body>声明之外发生的,因此我在<html>标记中添加了 onClick 语句。

<html xmlns="http://www.w3.org/1999/xhtml"
      onclick="var iframeX=600, evX=event.pageX; if(evX>iframeX)d123(1);">

示例测试页: http://m.gooplusplus.com/i8-test.php (抱歉,在清理过程中删除了。)

只要我点击最初600像素的右侧,这就有效。但是,当我将变量iframeX重新分配给较小的值356时,单击356-600像素范围时没有任何操作。

要进行测试,请转到测试页面,点击仪表或信息图标或任何内容链接。

  

(1)屏幕右边缘附近的光标,然后单击。你再次获得主菜单。

     

(2)再次点击米,光标位于菜单右侧,然后单击。现在没有任何事情发生。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

经过一些测试后,我认为我已经明白了。

我应该not<html> onclick语句中设置全局变量iframeX。我应该推迟创建iframeX,直到稍后我的<head> <script>个部分。

我不知道这是否兼容跨浏览器,但它适用于当前Windows版本的Google Chrome,Firefox和IE 11。

<html>语句几乎相同:

<html xmlns="http://www.w3.org/1999/xhtml"
      onclick="var evX=event.pageX; if(evX>iframeX)d123(1);">

<击> http://m.gooplusplus.com/i8-test-solved.php

抱歉,目录清理期间删除了测试文件。工作解决方案在源代码中:

http://m.gooplusplus.com