155
edits
Changes
Jump to navigation
Jump to search
Line 56:
Line 56: − + − 探测Nintendo 3DS浏览器的User Agent的代码：+ − + − + − + − + − 可以修改<em>document.body.scrollTop</em> and <em>document.body.scrollLeft</em>调整滚动条的位置。不过使用这些属性时候，相关细节需要注意：+ − * 访问时候两个属性都会返回0。+ − * 设置其中一个属性，会重置另一个属性的位置。+ + − 想要同时调整两者而不使他们的都重置为0，使用<em>window.scrollTo</em>这个方法。+ + + + + + + Line 98:
Line 105: − + Line 136:
Line 143: − + − + − + − +
ｆｉｎ
==Tips==
==Tips==
=== User Agent ===
=== User Agent检测 ===
检测User Agent是不是任天堂3DS浏览器 :
<script type="text/javascript">
<script type="text/javascript">
if (navigator.userAgent.indexOf('Nintendo 3DS') == -1) { //如果UserAgent不是"Nintendo 3DS"
if (navigator.userAgent.indexOf('Nintendo 3DS') == -1) { //如果 UserAgent 不是 "Nintendo 3DS"
location.replace('http://www.3dbrew.org'); //跳转到另一个页面
location.replace('http://www.3dbrew.org'); //重定向到其他页面
}
}
</script>
</script>
* 你也可以用 <em>navigator.platform=="Nintendo 3DS"</em> 来判断。
* 你也可以检测 <em>navigator.platform=="Nintendo 3DS"</em>
=== 滚动条 ===
=== 滚动 ===
滚动修改document.body.scrollTop和document.body.scrollLeft可以改变。然而，也有不足有关使用这些属性：
这两个属性访问时，返回0
其他财产的滚动条的位置设置一个属性重置
为了都设置在同一时间的情况下，复位为0，中，使用window.scrollTo。
可以通过 <em>document.body.scrollTop</em> 和 <em>document.body.scrollLeft</em> 改变滚动的位置。然而，使用这些属性也有不足之处：
* 访问这两个属性时均返回０
* 设置一个滚动条时改变了另一个滚动条的位置
为了同时设置两个滚动条的位置，（而不是把其中一个置零），可以使用<em>window.scrollTo</em>.
=== 事件 ===
=== 事件 ===
==== 触摸/鼠标事件 ====
==== 触摸/鼠标事件 ====
<em>onmousedown</em>, <em>onmouseup</em> & <em>onclick</em> 都是浏览器触发的事件。但是<em>onmousedown</em>事件只有你抬起手写笔，或者长按两秒以上才会发生。屏幕上的文本选择模式被激活时，这和<em>onmouseup</em>事件的效果相同。这些事件也不能取消默认动作。
<em>onmousedown</em>, <em>onmouseup</em> 和 <em>onclick</em> 都是浏览器触发的事件。但是<em>onmousedown</em>事件只有你抬起手写笔，或者长按两秒以上才会发生。屏幕上的文本选择模式被激活时，这和<em>onmouseup</em>事件的效果相同。这些事件也不能取消默认动作。
<em>onmousemove</em> 和触摸、手势事件不被支持。
<em>onmousemove</em> 和触摸、手势事件不被支持。
这样如果用户不小心滚动了页面，页面能够自动复位。
这样如果用户不小心滚动了页面，页面能够自动复位。
==Example Sites==
== 示例网站 ==
<!-- If you have a website that demonstrates these techniques, place it here! -->
<!-- If you have a website that demonstrates these techniques, place it here! -->
* [http://geekshadow.com/gaming/dev/weaponscolors/3DS/ Weapons and Colors] (Short URL for 3DS : http://bit.ly/3DSwc)
* [http://geekshadow.com/gaming/dev/weaponscolors/3DS/ Weapons and Colors] (短网址 : http://bit.ly/3DSwc)
* [http://3ds.andysmith.co.uk/jFox.html jFox] (Short URL for 3DS : http://bit.ly/iB7FqW)
* [http://3ds.andysmith.co.uk/jFox.html jFox] (短网址 : http://bit.ly/iB7FqW)
* [http://ditto3d.com/3ds Ditto3D]
* [http://ditto3d.com/3ds Ditto3D]
* [http://www.nintendo.com/3ds/internetbrowser/bookmarks Nintendo 3DS Bookmarks] - This is the first bookmark pre-installed in the browser.
* [http://www.nintendo.com/3ds/internetbrowser/bookmarks Nintendo 3DS Bookmarks] - 这是浏览器预置的第一个书签