IE浏览器 下面的文本框,获得焦点后无法输入内容

今天遇到一个问题,在IE浏览器下面,我点击 按钮  弹出一个弹出层,里面有一个 文本编辑器和一个文本框,但是第二次弹出后,文本框和文本编辑器无法输入内容,在控制台用js代码测试

$(document).on("focus","#title",function(){
alert("focus");
})
$(document).on("keydown","#title",function(){
alert("keydown");
})
$(document).on("blur","#title",function(){
alert("blur");
})

  发现文本框可以获得焦点,但是就是不能输入内容!

我猜,可能是文本编辑器导致的!

解决方法

在创建完文本编辑器后

//创建完文本编辑器后,给文本框获得焦点,问题就解决了
function OpenMess() {
    $.popupDiv.popFrame({
        width: "760px",
        htmlId: "sendLetter",
        dragObj: ".letterTop",
        mask: true,
        animate: 2,
        scrollHid: true,
        open: function () {
            KindEditor.create(‘#content‘, {
                resizeType: 0,
                debug: false,
                items: item,
                uploadJson: ‘/Tools/KindeditorResult?type=1‘,
                allowFileManager: false,
                allowImageUpload: false,
                afterUpload: function (url, obj) {
                    var filename = obj.name.substring(obj.name.lastIndexOf(‘\\‘) + 1);
                    $("#keTitle").val(filename);
                }
            });
        }
    });
//创建完文本编辑器后,给文本框获得焦点,问题就解决了
    $("#title").focus();
}

  

IE浏览器 下面的文本框,获得焦点后无法输入内容

时间: 2024-10-09 01:26:56

IE浏览器 下面的文本框,获得焦点后无法输入内容的相关文章

360浏览器文本框获得焦点后被软键盘遮罩的问题

场景是这样的,站点上筛选按钮点击后弹出层(fixed),当输入框获取焦点以后弹出系统自带的软键盘,在android上十款浏览器挨个测试比对,发现在360浏览器弹出键盘以后获取焦点的文本框被软键盘覆盖了.截图如下                      (未获取软键盘焦点的情况)               (chrome浏览器调起软键盘的情况)            (360浏览器调起软键盘情况) 那么问题来了,浏览器的软键盘显示出来又哪几种情况呢?英文  中文(网上找的) 经过简单的了解,大

JavaScript基础 text文本框获得焦点时,其中的内容被全选 this.select()

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

javascript当文本框获得焦点设置边框

javascript当文本框获得焦点设置边框:本章节介绍一下当文本框获得焦点以后如何设置文本框的边框样式,本来是一个非常简单的问题,但是有可能前台美工人员对javascript并不是太了解,所以还是通过一个简单的实例介绍一下,以便需要的朋友进行扩展.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <head> <title>文本框获得焦点边框变

当文本框失去焦点即进行表单验证简单实例

当文本框失去焦点即进行表单验证简单实例:不少的表单验证都有这样的功能,就是当鼠标焦点离开文本框的时候,即刻进行合法性验证,下面就通过一个实例简单介绍一下如何实现此功能,代码实例如下: <script type="text/javascript"> function onblurs(){ if(myform.name.value==""){ alert("姓名不得为空!"); } else if(myform.address.value

JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点

今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点! 这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了, JavaScript Code复制内容到剪贴板 //这样执行,jquery只会当获取焦点后执行焦点函数的语句了. $(”#nameInput”).focus(); 可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInp

jQuery 文本框得失焦点应用

一.文本框得失焦点一种是改变文本框的样式    得到焦点:               失去焦点: 二.文本框得失焦点另一种是改变文本框的值    得到焦点:     失去焦点:       三.jQuery 得失焦点代码 1.改变文本框样式代码 1> CSS代码 .focus { border: 1px solid #f00; background: #fcc; } 2>jQuery代码 (:input匹配 所有 input, textarea, select 和 button 元素) &l

jquery 文本框失去焦点显示提示信息&amp;&amp;单击置空文本框

/** * @param {Object} id 'cname' * @param {Object} pointout '请输入收藏夹名称' */function pointoutListener(id, pointout) { //为cname添加单击时间和失去焦点的监听器 var myinput = document.getElementById(id); addListener(myinput, "click", function(){ var value1 = $('#'+id

文本框如何限制只能够输入数字

文本框如何限制只能够输入数字:在某些需求下,文本框的内容只允许被输入数字,例如手机号码或者身份证号码等等,下面就通过一个实例简单介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

解决OneThink中无法异步提交kindeditor文本框中修改后的内容

最近在使用OneThink中自带的kindeditor编辑器的时候,保存草稿的时候,输入的内容总是不能够保存到后台.如下图 通过分析URL,发现原来content值为空 明明有值,为什么是空呢?但是如果不采用异步方式提交表单的话,则可以获取到输入值.开始一直以kindeditor为是ajax的问题,最后,查阅资料才知道原来是kindeditor的问题.因为在异步提交数据的时候,并没有将kindeditor中输入的值,同步到对应的文本框上.正确的做法是,当kindeditor失去焦点的时候,就进行