Question

我有一个文本区域，用户可以在其中键入源代码（html / css / js）。我希望能够让他们点击“切换到全屏”链接，使编辑器全屏显示。

当然，这应该适用于任何分辨率，并且还必须在用户调整窗口大小时调整大小。

我找到了这个插件http://plugins.jquery.com/project/fulltextarea，但是在调整浏览器窗口大小时它没有调整大小。

这个的任何提示或插件？

Answer 1

如果您愿意，可以处理该事件：

var $window = $( window );
var $textarea = $( '#yourTextArea' );
$window.resize(function() {
   $textarea.height( $window.height() );
   $textarea.width( $window.width() );
});

我还建议使用https://github.com/cowboy/jquery-throttle-debounce限制事件，以便resize事件不会经常触发

var $window = $( window );
var $textarea = $( '#yourTextArea' );
var resizeTextarea = function() {
  $textarea.height( $window.height() );
  $textarea.width( $window.width() );
};
// create the resize handler, but throttle it
$window.resize( $.throttle( 250, resizeTextarea ) );

make textarea全屏jquery（用作代码编辑器）

1 个答案: