微信扫一扫8.5w+
社区成员
如何强制把网页某行定位在的屏幕的最上面?详细请看里面!
如何强制把网页某行定位在的屏幕的最上面?详细请看里面!
我有一个很长的页面,在</body>前有这么几句代码:
<input type="Textbox" onKeyDown="javascript:doKeyTrap(this,event)" name="floatKeyTrap" id=" " value="" style=" visibility: visible; border-style:solid; border-width:0; height:0; width:0;"/>
但我点击网页中某一部分的时候要用大上面的代码,并有:
document.getElementById("floatKeyTrap").focus();
所以当我点击页面的某一行时,网页就会自动跳到网页的最后面去!
现在我如何修改才能即能使用上面的代码也能把网页定位到我当前点击的地方去?可以是点击的行在屏幕的最上面(可见)
我有一个很长的页面,在</body>前有这么几句代码:
<input type="Textbox" onKeyDown="javascript:doKeyTrap(this,event)" name="floatKeyTrap" id=" " value="" style=" visibility: visible; border-style:solid; border-width:0; height:0; width:0;"/>
但我点击网页中某一部分的时候要用大上面的代码,并有:
document.getElementById("floatKeyTrap").focus();
所以当我点击页面的某一行时,网页就会自动跳到网页的最后面去!
现在我如何修改才能即能使用上面的代码也能把网页定位到我当前点击的地方去?可以是点击的行在屏幕的最上面(可见)
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
muiz 2004-05-08
我把floatKeyTrap移动到我点击的地方:
var keyTrap = document.getElementById("floatKeyTrap");
keyTrap.style.top=control.style.top;
keyTrap.style.left=control.style.left;
keyTrap.focus();
没有作用!
var keyTrap = document.getElementById("floatKeyTrap");
keyTrap.style.top=control.style.top;
keyTrap.style.left=control.style.left;
keyTrap.focus();
没有作用!
- 打赏
- 举报
rootcn 2004-05-08
<body onBlur="self.focus()">
- 打赏
- 举报
muiz 2004-05-08
???
- 打赏
- 举报
wsyab 2004-05-08
<A HREF="#">123</A>
这个可以(^_^)
这个可以(^_^)
- 打赏
- 举报
你会犯哪些网页设计最常见可用性错误？ 我讨厌某站网站，把正文写到一个两列宽的表格里，还用整行宽的图片把正文分隔开。这总是让我考 虑：我是应该接着看右侧第二列然后看图片下的第一列呢，还是应该先看图片下的第一列？这真是让人厌恶，而更让人厌恶的...
还在为网页渲染性能优化而苦恼吗？ 在讨论性能优化之前，我们有必要了解一些浏览器的渲染原理。不同的浏览器进行渲染有着不同的实现方式，但是大体流程都是差不多的，我们通过 Chrome 浏览器来大致了解一下这个渲染流程。 关键渲染路径 关键渲染路径...
面试题整理 !=!=未看 *****面试题整理最全 有用 Properties对象在处理属性文件时特别方便(windows平台上的.ini文件)，Properties类可以把Map对象和属性文件关联起来，从而可以把Map对象中的key-value对写入到属性文 HashSet HashSet是Set接口的典型...
最最详细的黑马前端HTML5+CSS3笔记，给大家整理好了 基于黑马前端视频学习的HTML5+CSS3笔记，每一...1、字体大小：2、字体粗细：3、字体样式：4、字体的综合写法5、字体总结：七、css文本属性：1、文本颜色：2、文本对齐：3、修饰文本：4、文本缩进5、行间距：八、css样式
史上最全的CSS基础知识大全！ CSS的发展历程 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。... ...于是CSS便诞生了。...CSS 网页的美容师 CSS的出现，拯救了混乱的HTML，当让更加...
Linux面试题（总结最全面的面试题！！！） less （lese：较少的意思）分页查看文件命令（可以快速定位到最后一页） tail（尾巴） 查看文件命令（看最后多少行） cp（copy单词缩写，复制功能） mv（move单词缩写，移动功能，该文件名称功能） rm（remove：移除...
Mac 超详细入门指南，备用！ 点击上方“code小生”，选择“星标”经常在看|留言|转发是真爱☞ 程序员进阶必备资源免费送「各种技术方向！」 点击查看☜本文来源：果粉学习乐园这是写给 Mac 小白看的！重要的事要...
从输入URL到显示网页，都经历了什么？ 转自http://www.dailichun.com/2018/03/12/whenyouenteraurl.html前言见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。为什么要梳理这篇文章？最近恰好被问到这方面的问题，尝试整理后发现，这道题...
立即收藏！2019前端工程师如何应对裁员潮？ 小肆深知找工作的不易，今天给大家精选了一些前端近一年常见的面试题，供大家复习，即便是在职的同学，也推荐有空就看看，保持忧患意识在目前的大环境下是非常有必要的。 HTML篇 Doctype作用？标准模式与兼容...
!!!手机网页开发 手机网页开发 乐视1s 屏幕：1080x1920 （实际显示:393x675） safari4.0 2015-12-3 http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 使用Flexible实现手淘H5页面的...
2021最全面、最详细web前端面试题及答案总结 2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太...
从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！ 见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。 为什么要梳理这篇文章？ 最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。 关于这...
layui 如何动态加载局部页面_从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！ 前言见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。为什么要梳理这篇文章？最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。关于这道...
Web前端学习笔记——CSS定位、高级技巧、文字溢出、精灵图、Web字体 如果，说浮动， 关键在一个 “浮” 字上面， 那么 我们的定位，关键在于一个 “位” 上。 PS: 定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道...
从输入URL到页面加载的过程？由一道题完善自己的前端知识体系！ 知识体系中，最重要的是骨架，脉络。有了骨架后，才方便填充细节。所以，先梳理下主干流程： 从浏览器接收url到开启网络请求线程（这一部分可以展开浏览器的机制以及进程与线程之间的关系） 开启网络线程到发出一个...
