如何设置jquery wysiwyg更改事件?

时间:2012-05-10 22:26:20

标签: jquery wysiwyg onchange

当编辑控件的内容发生变化时,是否有人成功使用jquery插件wysiwyg ver 0.97来调用事件处理程序?

我正在这样称之为wysiwyg

$("#practice_form_text .wysiwyg").wysiwyg({
    events: {
      change: function(event) {
        return alert("changed");
      }
    }
  });

永远不会显示警告消息。任何想尝试的想法都将不胜感激。

谢谢,Russ

1 个答案:

答案 0 :(得分:4)

documentation上没有找到任何方法来使用更改事件,尽管如此,这是一个有用的方法:

<强> HTML

<textarea id="wysiwyg" rows="5" cols="103"></textarea>

<强> JQUERY

// initialize the wysiwyg
$("#wysiwyg").wysiwyg();

// bind the event event
$('#wysiwyg').wysiwyg('document').keypress(function(e) {

    // This will cancel the keypress
    e.preventDefault();

    // alert
    alert('Keypress detected!');
});

一个不错的演示Fiddle here!