记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)

来源:互联网 发布:服装品牌知乎 编辑:程序博客网 时间:2024/06/13 00:05

一、文件上传控件获取焦点时,自动弹出文件选择框。


  1. string script = "var myupload=document.getElementById('" + FileUpload1.ClientID + "');myupload.click();myupload.blur();"
  2. FileUpload1.Attributes.Add("onfocus", script);

 

源于文件上传控件中文件框内容的校验。默认情况下是可以手式输入的,容易出现非正常的输入。以前是设置input的contentEditable="false",但该属性似乎只在ie下有效。后来受到google文档的提示,才有了这个思路。最后那句blur();的作用是防止重复弹出窗口。


(补充说明:这段脚本发现在IE下有问题:随便点击一个按钮都会弹出一个文件选择框。发文之前只在firefox下试过,没想到IE下会出现这样的问题,一直想不明白是怎么回事,已经在社区里发贴,还没答案。目前找到一个替代方案用于防止用户输入文本:FileUpload1.Attributes.Add("onKeyDown", "this.blur();"); FileUpload1.Attributes.Add("oncontextmenu", "return false");)


————————————————————————————————

 

二、页面回滚时回到以前的位置。

 

页面比较长,提交按钮位于下方,页面回滚时滚动条会到最顶端。当然,可以直接在page中设置,但这种方法并不适应所有的情况。所以,需要一种纯脚本的解决方法,最后一句脚本的作用就是:

  1. ClientScript.RegisterStartupScript(this.GetType(), "script""<script defer="defer">document.getElementById('att').style.display='block';window.onload=function(){document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100;}</script>"false);
原创粉丝点击