Question

我正在使用一堆InputFormTextBoxes，并且当盒子不再处于焦点时我想要触发一个onblur事件。这是当RichText == true时。

这是因为我有一个Sharepoint Webpart，它有很多可编辑区域，需要richtext。但是，如果屏幕全部可用，则屏幕会变得混乱。因此，当用户点击时，我正在自动保存并隐藏文本框。这样可以节省屏幕空间，并大大提高页面性能。

我可以使用RichText == false，因此它只是一个普通的TextArea HTML控件。但是，我无法在textarea上使用JavaScript设置焦点，并且我无法为onblur事件触发事件。

Answer 1

您可以使用javascript轻松完成此操作。如果我了解您的要求，则您需要扩展大型文本区域，并在用户移入和移出它们时动态折叠。这样你就不会占用太多房地产。我在具有两个多行文本框的普通编辑页面上测试了此代码。您可能需要调整您的Web部件。

$(function(){
    var collapsedHeight = 18;
    var expandedHeight = 50;
    var editors = $("iframe[title='Rich Text Editor']");
    editors.attr("height", collapsedHeight);
    editors.blur(function(){
        $(this).attr("height", collapsedHeight);
    });
    editors.focus(function(){
        $(this).attr("height", expandedHeight);
    });
});

InputFormTextBox在SharePoint Web部件中设置焦点和onblur事件

1 个答案: