精华内容
下载资源
问答
  • web窗口无法获取焦点

    2013-08-26 13:50:38
    在vs2008中用MFC插入了一个Microsoft webbrower控件,在控件中打开一张百度地图,之后想让web窗口能响应我的鼠标事件,可是每次点击时,都是百度地图获取到鼠标,窗口无法运行我自定义的鼠标事件。图如下: [img=...
  • 每当打开网页版的Flex程序,我们需要第一个输入框获取焦点,可以直接进行输入。 但是,我们在Flex程序中设置了文本框获取焦点,却并不能直接进行输入,这不是我们期望的,这是因为在HTML中SWF文件没有获取到焦点。 ...

    每当打开网页版的Flex程序,我们需要第一个输入框获取焦点,可以直接进行输入。

    但是,我们在Flex程序中设置了文本框获取焦点,却并不能直接进行输入,这不是我们期望的,这是因为在HTML中SWF文件没有获取到焦点。

    对于这个问题有两个解决方案:

    方案1. 采用Flex和HTML直接通信的应用程序编程接口,ExternalInterface类进行设置

      首先在flex应用程序的createComplete方法中让swf文件获取到焦点

      ExternalInterface.call("new Function('document.getElementById(\"SWF name\").focus()')"); 

      然后就可以设置flex中的具体组件获取焦点。

    方案2.在FLEX的项目中的HTML模板页中进行设置

      修改Flex的html-template文件夹中的index.template.html文件

      增加HTML的onload的事件处理

      修改body标签前

      <body>

      修改后

      <body οnlοad="document.getElementById('${swf}').focus();"> 

    转载于:https://www.cnblogs.com/bffc/p/3671468.html

    展开全文
  • 一个自动获取图片焦点,并定时切换的代码: 此图镇楼: 1.html代码:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" ...

    一个自动获取图片焦点,并定时切换的代码:
    此图镇楼:
    这里写图片描述

    1.html代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>JS焦点幻灯代码 </title>
    
    <script type="text/javascript" src="js/js1.js"></script>
    <link rel="stylesheet" href="css/base.css" />
    
    <style type="text/css">
    #ifocus { width:500px; height:266px;margin:0 auto;border:1px solid #DEDEDE; background:#F8F8F8; }
    #ifocus_pic { display:inline; position:relative; float:left; width:400px; height:266px; overflow:hidden;  }
        #ifocus_piclist { position:absolute; }
        #ifocus_piclist li { width:400px; height:266px; overflow:hidden; }
        #ifocus_piclist img { width:400px; height:266px; margin: 0 auto;}
    
    #ifocus_btn { display:inline; float:left; width:99px;margin-right:1px ;}
        #ifocus_btn li { width:98px; height:53px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
        #ifocus_btn img { width:98px; height:53px;  }
        #ifocus_btn .current {opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
    #ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
    #ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
        #ifocus_tx .normal { display:none; }
    </style>
    
    <script type="text/javascript">
    
    </script>
    </head>
    
    <body>
    <!--本真人解析开始,这个是一个居中的div盒子-->
    <div align="center">
    <!--一个背景为浅灰色的div盒子-->
    <div id="ifocus">
        <!--获取焦点时的图片,这个盒子命名真够糟的!应该是左边部分-->
        <div id="ifocus_pic">
            <!--图片列表:轮播的图片-->
            <div id="ifocus_piclist" style="left:0; top:0;">
                <ul>
                    <li><img src="img/p1.png"/></li>
                    <li><img src="img/p2.jpg"/></li>
                    <li><img src="img/p3.jpg"/></li>
                    <li><img src="img/p4.jpg"/></li>
                    <li><img src="img/p5.jpg"/></li>
                </ul>
            </div>
            <!--下面那一块黑色的阴影!-->
            <div id="ifocus_opdiv"></div>
            <!--阴影中的列表文字:每张图片上固定,故图片切换,文字看起来也是切换!-->
            <div id="ifocus_tx">
                <ul>
                    <li class="current">a1:你瞅啥!</li>
                    <li class="normal">b2:瞅你咋地!</li>
                    <li class="normal">c3:你有病吧!</li>
                    <li class="normal">d4:你有药吧!</li>
                    <li class="normal">e5:你吃多少!</li>
                </ul>
            </div>
        </div>
    
        <!--右边:鼠标放上去有突起来样子的小图片!-->
        <div id="ifocus_btn">
            <ul> <!--都是采用列表啊,练浮动都省了-->
                <li class="current" style="margin-top:0px;"><img src="img/pp1.jpg"/></li>
                <li class="normal"><img src="img/pp2.jpg" /></li>
                <li class="normal"><img src="img/pp3.jpg"/></li>
                <li class="normal"><img src="img/pp4.jpg"/></li>
                <li class="normal"><img src="img/pp5.jpg" /></li>
            </ul>
        </div>
    </div>
    </div>
    </body>
    </html>

    JS代码:

    //用JQuery不就行了,非要用JS来代替JQuery
    function $(id) { return document.getElementById(id); }
    //window.onload方式就是一个良好的选择。window.onload是一个事件,当文档加载完成之后就会触发该事件,可以为此事件注册事件处理函数,并将要执行的脚本代码放在事件处理函数中,于是就可以避免获取不到对象的情况。
    function addLoadEvent(func){
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function(){
                oldonload();
                func();
            }
        }
    }
    
    function moveElement(elementID,final_x,final_y,interval) {
      if (!document.getElementById) return false;
      if (!document.getElementById(elementID)) return false;
      var elem = document.getElementById(elementID);
      if (elem.movement) {
        clearTimeout(elem.movement);
      }
      if (!elem.style.left) {
        elem.style.left = "0px";
      }
      if (!elem.style.top) {
        elem.style.top = "0px";
      }
      var xpos = parseInt(elem.style.left);
      var ypos = parseInt(elem.style.top);
      if (xpos == final_x && ypos == final_y) {
            return true;
      }
      if (xpos < final_x) {
        var dist = Math.ceil((final_x - xpos)/10);
        xpos = xpos + dist;
      }
      if (xpos > final_x) {
        var dist = Math.ceil((xpos - final_x)/10);
        xpos = xpos - dist;
      }
      if (ypos < final_y) {
        var dist = Math.ceil((final_y - ypos)/10);
        ypos = ypos + dist;
      }
      if (ypos > final_y) {
        var dist = Math.ceil((ypos - final_y)/10);
        ypos = ypos - dist;
      }
      elem.style.left = xpos + "px";
      elem.style.top = ypos + "px";
      var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
      elem.movement = setTimeout(repeat,interval);
    }
    
    function classNormal(iFocusBtnID,iFocusTxID){
        var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
        var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
        for(var i=0; i<iFocusBtns.length; i++) {
            iFocusBtns[i].className='normal';
            iFocusTxs[i].className='normal';
        }
    }
    
    function classCurrent(iFocusBtnID,iFocusTxID,n){
        var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
        var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
        iFocusBtns[n].className='current';
        iFocusTxs[n].className='current';
    }
    
    function iFocusChange() {
        if(!$('ifocus')) return false;
        $('ifocus').onmouseover = function(){atuokey = true};
        $('ifocus').onmouseout = function(){atuokey = false};
        //不是传值:而是获取成数组集
        var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');
        //数组集长度
        var listLength = iFocusBtns.length;
        //它用的是直接切换图片的位置!
        iFocusBtns[0].onmouseover = function() {
            moveElement('ifocus_piclist',0,0,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',0);
        }
        if (listLength>=2) {
            iFocusBtns[1].onmouseover = function() {
                moveElement('ifocus_piclist',0,-266,5);
                classNormal('ifocus_btn','ifocus_tx');
                classCurrent('ifocus_btn','ifocus_tx',1);
            }
        }
        if (listLength>=3) {
            iFocusBtns[2].onmouseover = function() {
                moveElement('ifocus_piclist',0,-532,5);
                classNormal('ifocus_btn','ifocus_tx');
                classCurrent('ifocus_btn','ifocus_tx',2);
            }
        }
        if (listLength>=4) {
            iFocusBtns[3].onmouseover = function() {
                moveElement('ifocus_piclist',0,-798,5);
                classNormal('ifocus_btn','ifocus_tx');
                classCurrent('ifocus_btn','ifocus_tx',3);
            }
        }
        if (listLength>=5) {
            iFocusBtns[4].onmouseover = function() {
                moveElement('ifocus_piclist',0,-1064,5);
                classNormal('ifocus_btn','ifocus_tx');
                classCurrent('ifocus_btn','ifocus_tx',4);
            }
        }
    }
    
    setInterval('autoiFocus()',5000);
    
    var atuokey = false;
    function autoiFocus() {
        if(!$('ifocus')) return false;
        if(atuokey) return false;
        var focusBtnList = $('ifocus_btn').getElementsByTagName('li');
        var listLength = focusBtnList.length;
        for(var i=0; i<listLength; i++) {
            if (focusBtnList[i].className == 'current') var currentNum = i;
        }
        if (currentNum==0&&listLength!=1 ){
            moveElement('ifocus_piclist',0,-266,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',1);
        }
        if (currentNum==1&&listLength!=2 ){
            moveElement('ifocus_piclist',0,-532,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',2);
        }
        if (currentNum==2&&listLength!=3 ){
            moveElement('ifocus_piclist',0,-798,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',3);
        }
        if (currentNum==3&&listLength!=4 ){
            moveElement('ifocus_piclist',0,-1064,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',4);
        }
        //右边小图片列表
        if (currentNum==1&&listLength==2 ){
            moveElement('ifocus_piclist',0,0,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',0);
        }
        if (currentNum==2&&listLength==3 ){
            moveElement('ifocus_piclist',0,0,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',0);
        }
        if (currentNum==4 ){
            moveElement('ifocus_piclist',0,0,5);
            classNormal('ifocus_btn','ifocus_tx');
            classCurrent('ifocus_btn','ifocus_tx',0);
        }
    }
    addLoadEvent(iFocusChange);
    展开全文
  • Web——焦点事件

    2017-09-28 09:14:18
    下面是如何获取焦点失去焦点的运用希望能帮到大家: <!DOCTYPE html> <title></title> <script> //获取焦点事件 function myFocus(){ }

    下面是如何获取焦点失去焦点的运用希望能帮到大家:

    
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script>
    
                //获取焦点事件
                function myFocus(){
    
                }
    
                //失去焦点事件
                function myBlur(){
                    var cont = document.getElementById("cont");
                    var str = cont.value;
                    var f = document.getElementById("f");
    
    
                    if(str == "tom"){
                        f.color = "red";
                        f.innerHTML = "这个名字太抢手了,再换一个!";
                    }else{
                        f.color = "green";
                        f.innerHTML = "√";
                    }
    
                }
    
                //密码输入效果
                //获取焦点
                function pwdFocus(){
                    document.getElementById("img").src = "img/pwd-input.jpg";
                }
    
                //失去焦点
                function pwdBlur(){
                    document.getElementById("img").src = "img/user-input.jpg";
                }
    
            </script>
        </head>
        <body>
    
            用户名:<input id="cont" type="text" onfocus="myFocus()" onblur="myBlur()"  /><br />
            密码:<input id="pwd" type="password" onfocus="pwdFocus()" onblur="pwdBlur()" />
            <font id="f" ></font>
            <img id="img" src="img/user-input.jpg" />
        </body>
    </html>
    
    展开全文
  • 下午遇到一个问题,移动端的input都不能输入了,后来发现是-webkit-user-select :none ;在移动端开发中,我们有时有针对性的写一些特殊的重置,比如:* {-webkit - touch - callout: none;...-webk...

    下午遇到一个问题,移动端的input都不能输入了,后来发现是

    -webkit-user-select :none ;

    在移动端开发中,我们有时有针对性的写一些特殊的重置,比如:

    * {

    -webkit - touch - callout: none;

    //-webkit-touch-callout:none; 阻止长按图片之后呼出菜单提示复制的行为

    //禁用Webkit内核浏览器的文字大小调整功能。

    -webkit-text-size-adjust: none;

    //避免点击a标签或者注册了click事件的元素时产生高亮

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    //

    //禁止用户进行复制.选择.

    -webkit-user-select: none;

    }

    其中,-webkit-user-select :none ;会产生一些问题。

    这是webkit内核浏览器下的一个bug,具体可以参考这篇文章:https://bugs.webkit.org/show_bug.cgi?id=82692

    阻止了用户的选择内容行为,会导致一些“内容可编辑”标签无法正常使用,比如input、testarea。

    如果网站不需要阻止用户的选择内容的行为就可以使用如下样式:

    {

    -webkit-user-select: text;

    -user-select: text;

    }

    另一种方式:

    *: not(input, textarea) {

    -webkit - touch - callout: none;

    -webkit - user - select: none;

    }

    user-select , can cause issues in elements with contenteditable="true" ,so better to add that too .

    所以,最好把它也加上。

    最终的代码:

    [contenteditable = "true"], input, textarea {

    -webkit-user- select: auto!important;

    -khtml-user-select: auto!important;

    -moz-user-select: auto!important;

    -ms-user-select: auto!important;

    -o-user-select: auto!important;

    user-select: auto!important;

    }

    本文内容大概就这么多,欢迎交流,欢迎反馈,如有错误,还请纠正,谢谢阅读。

    展开全文
  • 该问题分为两种情况,一、Web页面长时间无操作后,在对其进行操作,比如点击“首页”、“设置”等带有超链接字段,此时可直接设置session的有效时间来解决。session有效时间一般都是设置登录控制器(MVC) 中的...
  • 思路是,根据滚动条获取top,然后通过$(window).height()获取屏幕可见区域的高度,估计虚拟键盘大概是一半,那么就除以2,然后减去搜索框的高度,就获得了偏移量。 最后top=top-偏移量,即可 。 想法是不错...
  • 移动页面写定位时不用fixed定位 const brand = navigator.userAgent.indexOf(‘Android’) if (brand > -1) { const maxHeight = document.body.clientHeight window.addEventListener(‘resize’, function ...
  • 点击搜索框获取焦点 placeholder消失-开始龙行web前端2019-8-1711340评论/*点击搜索框获取焦点placeholder消失-开始*//*WebKitbrowsers*/input:focus::-webkit-input-placeholder{color:transparent;/*transparent是...
  • 在HTML代码中,给TextBox添加两个事件,... onFocus="javascript:if(this.value=='提示文字'){this.value=''}" onBlur="javascript:if(this.value==''){this.value='提示文字'}" PS:提示文字可替换为提示信息 ...
  • Document btn 在button按钮获取焦点后,按下空格键,这个时候会触发键盘事件和点击事件。 如果阻止冒泡和默认事件的话,在Chrome和IE下可以组织点击事件,但是在火狐上不能阻止点击事件。 如果想要在所有的...
  • ios 用 js给input 一个focus就会自动弹出键盘,但是在Android 浏览器中不好用,求大神解决,小弟在线等
  •  当输入框获取焦点之后触发了webview的displaySoftKeyboard方法,导致页面放大. 3.解决方案:  头部加入下面的代码: 4.分析:  在头部的中增加第一句话,其中【apple-mobile-web-app-capable】设置Web应用
  • 在项目需求中,有需要用到输入框在进入这个页面的时候就自动定位获取这个输入框的焦点。...使用autofocus="true"属性值 效果: ⑴在网页端浏览,可以自动获取焦点了,这个方式应该对只需要web端的...
  • 在开发TV web 应用时,发现在交互方式上和传统web开发很不一样。PC上的页面上都是通过鼠标进行交互,而TV则不同,它是通过遥控器按键进行交互,它有点击、移动(上下左右)、返回、主页等操作。移动的实质则是切换焦点...
  • 问题描述:移动端输入框在点击后自动获取焦点放大页面 解决方案:在页面顶部添加如下代码: <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 243
精华内容 97
关键字:

web获取焦点