javascript - 在 TinyMCE 上禁用默认的鼠标点击功能

标签 javascript click tinymce preventdefault

通常,当点击 TinyMCE(或任何其他编辑器)中的文本时,插入符号会放置在那里和/或开始文本选择。

我不希望这样的事情发生。我希望当可编辑的文本区域被点击时,什么都不应该发生。我该怎么做?

在我的设置函数中,我有这段代码,跟进上一个问题,它确保在打开 TinyMCE 后立即选择实例中的所有文本:

    ed.onInit.add(function(ed, evt) {
      var range = ed.selection.dom.createRng();
      range.setStartBefore(ed.getBody().firstChild);
      range.setEndAfter(ed.getBody().lastChild);
      ed.selection.setRng(range);
            });

既然所有文本都已被选中,我不希望用户能够取消选择它或选择文本中的任何其他范围。所以我希望用户的点击什么都不做。我试图在相同的设置函数中添加它:

ed.onClick.add(function(ed, evt) {
  console.debug('Editor was clicked: ' + evt.target.nodeName);
  evt.preventDefault();
  evt.stopPropagation();            
        }); 

但是当控制台消息出现时,点击仍然取消选择了已经选择的文本范围。我怎样才能确保点击什么都不做?或者至少它们不会影响已选择的文本范围?

最佳答案

尝试取消 mousedown 事件,而不是 click 事件,后者在之后触发。

关于javascript - 在 TinyMCE 上禁用默认的鼠标点击功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14548237/

相关文章:

tinymce - 粘贴代码时停止 TinyMCE 剥离缩进

javascript - Google map - 添加两个标记(方向)

tinymce - 在 Episerver 9 中自定义 TinyMCE 编辑器

JavaScript:对象应该包含呈现自身的方法吗?

Javascript:事件处理程序不工作,在 JSFiddle 中工作

jquery - 单击下拉列表(元素后元素)

java - 我想在 Java 中的图像上创建一个不可见的可点击对象

php - 如何使wp_editor以可视模式启动

javascript - 我可以改进这个 jQuery 代码重复吗?

javascript - 获取 Algolia 中某个方面的最大值和最小值