前端开发您现在的位置是:首页 > 博客日志 > 前端开发

监听Ueditor的 iframe中的按键,按键组合事件(Ctrl+s)

<a href='mailto:'>微wx笑</a>的头像微wx笑 2022-07-28前端开发 2 0关键字: Ueditor  

监听Ueditor的 iframe中的按键,按键组合事件(Ctrl+s)

监听Ueditor的 iframe中的按键,按键组合事件(Ctrl+s)

发现很多文章都是复制转载的,内容都有错误。4tp无知

newstext.ready(function() {
    UE.dom.domUtils.on(newstext.body,"keydown",function(oEvent){
       var oEvent = oEvent || window.event; 
       //获取键盘的keyCode值
       var nKeyCode = oEvent.keyCode || oEvent.which || oEvent.charCode;
       //获取ctrl 键对应的事件属性
       var bCtrlKeyCode = oEvent.ctrlKey || oEvent.metaKey;
       if( nKeyCode == 83 && bCtrlKeyCode  ) {
        //do something
        //阻止触发默认的ctrl+s事件
        oEvent.returnValue = false;
         if (autoSaveTimer){
            window.clearTimeout(autoSaveTimer);
          }
          autoSaveContent();
         return;
       }
       if( nKeyCode == 88 && bCtrlKeyCode  ) { // ctrl+x
         if (autoSaveTimer){
            window.clearTimeout(autoSaveTimer);
          }
          autoSaveTimer = window.setTimeout(function () {
                autoSaveContent();
            }, 1000);
       }
    });
});


4tp无知

注意

    1.监听事件须要在ueditor.ready回调中执行,由于绑定监听时须要获取到ueditor.body对象,该对象在ueditor初始化完成后才能获取到。dom4tp无知

    2.newstext为Ueditor建立后返回的实例对象
对象4tp无知


4tp无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/front/2022-07-28/1328.html

很赞哦! () 有话说 ()