相关疑难解决方法(0)

删除contentEditable div上的调整大小处理程序

我创建了一个contentEditable div来用作丰富的textarea.它已经调整了周围的处理程序,我想摆脱它.知道我是怎么做的吗？

编辑:这似乎正在发生,因为我绝对定位div,因此Firefox为我无法关闭的元素添加了一个令人愤怒的_moz_resize属性.

替代文字

html richtextbox richtextediting designmode contenteditable

Ben*_*ann

2009 12-19

7
推荐指数

2
解决办法

1万
查看次数

禁用<img>选择并在IE 9中的contentEditable DIV内调整大小

我正在开发一个项目,试图使用contentEditable DIV实现一些编辑功能.我们现在正在尝试添加对IE9的支持(在最初提供Chrome/Safari支持之后)并且它被证明是一个挑战.

我们在Chrome中可以做的是<img>在内容可编辑div中包含对象,并允许<img>拖放这些元素,但不调整大小.此外,在contentEditable div中按TAB不应该选择<img>

在IE 9中,我发现了一些停止调整图像大小的方法(比如只允许在contentEditable <div>中移动<img> s)但是在单击图像时仍然显示那些darn调整大小句柄.我的大问题是在IE 9中,当我在contenteditable div中输入内容时,我点击了TAB,我希望浏览器选择网页上的下一个项目(在我们的应用程序中,它是另一个contentEditable div).这适用于Chrome,但在IE中,当我点击TAB时,<img>会选中(显示调整大小的句柄)

有没有人知道是否有办法禁用IE 9中的"使用选项卡选择"功能？

这是一个简单的测试用例,禁用调整大小,仍然允许拖放,但<img>仍然通过TAB选择:

<html>
  <head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript">
  $(document).ready(function() {

  //This line below doesn't work in IE9
  //document.execCommand("enableObjectResizing", false, false);

    $('img', '#edit').each(function (i, item) {
        item.attachEvent("onresizestart", function(e) {
            e.returnValue = false; 
        }, false);

        //I thought this below might work for disabling selection, 
        // but it doesn't...
        item.attachEvent("onbeforeeditfocus", function(e) {
            e.returnValue = false;
        }, false);
    }); …

Run Code Online (Sandbox Code Playgroud)

javascript contenteditable internet-explorer-9

erl*_*oyd

2017 05-23

6
推荐指数

1
解决办法

6342
查看次数