惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
Google DeepMind News
Google DeepMind News
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
小众软件
小众软件
Blog — PlanetScale
Blog — PlanetScale
腾讯CDC
A
About on SuperTechFans
Vercel News
Vercel News
I
InfoQ
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
S
SegmentFault 最新的问题
V
Visual Studio Blog
T
Tailwind CSS Blog
大猫的无限游戏
大猫的无限游戏
M
MIT News - Artificial intelligence
博客园 - 【当耐特】
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Microsoft Azure Blog
Microsoft Azure Blog
Apple Machine Learning Research
Apple Machine Learning Research
GbyAI
GbyAI
美团技术团队

博客园 - peace

MYSQL分页存储过程及事务处理 审批流设计方案的探究 WEB项目(B/S系统)打包安装(总结篇) 文件上传之断点续传方案 再次分享一个多选文件上传方案 SQL SERVER里的赋值机制闲聊 FLEX4.0开发流媒体视频播放器(总结篇) 告别ADO.NET实现应用系统无缝切换的烦恼(总结篇) SQL SERVER行转列应用小结 SQL SERVER函数——表值函数的处理 纠正网上流传的SQL取某一时间的当月第一天和最后一天的时间写法 SQL SERVER游标操作 告别.NET生成报表统计图的烦恼 发现联想手机P630型号的一个严重的系统Bug thinkpad T400型号安装server2003系统驱动共享 分享一个.NET版的多选文件上传操作示例 一个简单的httpModule应用 JS给页面标签添加事件(或超链接链接) 利用ASP.NET日期控件制作“会议日程安排”(贴首页过把瘾)
让默认焦点的按钮无虚框(又来无聊了)
peace · 2008-12-25 · via 博客园 - peace

     有时候在搜索文本框中输入内容,回车最好要求可以直接跳到搜索页面,也就是说在文本框输入内容回车时焦点要在搜索按钮上才行,在WEB FORM里,拉一个普通的服务器按钮button默认是有焦点的,如果搜索页就一个按钮,输入点在搜索框上也可以清晰看到焦点落到了搜索按钮button上了,但是用服务器的imagebutton或linkbutton是没有的,点搜索文本框输入可以发现焦点并不聚焦在她们身上,但是可以在页面加载的时候让其为默认焦点,在form里加标记,如下

<form id="form1" runat="server" defaultbutton="imgbutSearch">//将按钮ID给她

但是有一点不太好,也看到网上也提到的就是设置默认焦点时会在按钮周围产生一个虚框,确实有点影响雅观。有没有方法除掉这个影响雅观的东西呢?答案是肯定的:)  之所有要让焦点落到按钮上,无非就是要让在回车的时候可以执行按钮里的事件,既然这样,我们可以在点enter键的时候来进行处理

<script type="text/javascript"> 
     
function check()
     {
        
if(trim(document.getElementById("teSearch").value) == "")
        {
            alert(
"请先输入搜索关键字");
            form1.teSearch.focus();
            
return false;
        }
      }
        
function document.onkeydown() 
       { 
          
//var e = event.srcElement;
          if(event.keyCode==13
          { 
             document.getElementById(
"btnSearch").focus();
          } 
       }
function trim(str)
{
     
return str.replace(/(^\s*)|(\s*$)/g,"");
}
</script>

像上面那样,然后服务器段给btnSearch加个属性,在page_load里加上btnSearch.Attributes.Add("onclick","return check();");

这样只要在按下回车键的时候 就会执行按钮事件,相当于执行了你想要聚集的按钮事件,避免了加载时默认聚集的虚线边框或者鼠标在搜索文本框上时出现虚线边框

另外如果是链接href标签点击的时候如果想去掉虚线框可以加一句 onfocus=this.blur()  这个很早网上别人是这么做的,如下面

<A onfocus=this.blur() href="xxx.html" target=_blank><IMG height=115 src="/imgFace/postImg/fate.jpg" width=106 border=0></A>