Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 生成textarea全屏jquery(用作代码编辑器)_Javascript_Jquery_Textarea - Fatal编程技术网

Javascript 生成textarea全屏jquery(用作代码编辑器)

Javascript 生成textarea全屏jquery(用作代码编辑器),javascript,jquery,textarea,Javascript,Jquery,Textarea,我有一个文本区域,用户可以在其中键入源代码(html/css/js)。我希望能够让他们点击“切换到全屏”链接,使编辑器全屏显示 当然,这应该适用于任何分辨率,并且在用户调整窗口大小时也必须调整大小 我找到了这个插件,但是当浏览器窗口调整大小时,它没有调整大小 有关于此事件的提示或插件吗?如果需要,您可以处理此事件: var $window = $( window ); var $textarea = $( '#yourTextArea' ); $window.resize(function()

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

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

我找到了这个插件,但是当浏览器窗口调整大小时,它没有调整大小


有关于此事件的提示或插件吗?

如果需要,您可以处理此事件:

var $window = $( window );
var $textarea = $( '#yourTextArea' );
$window.resize(function() {
   $textarea.height( $window.height() );
   $textarea.width( $window.width() );
});
我还建议使用限制事件,这样调整大小事件就不会触发得太频繁

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 ) );

您是否尝试将文本区域的宽度/高度设置为100%<代码>变量$textarea=$(此)是的,我有$(“#yourTextArea”)。重新调整开始并意识到我的错误,但没有想到修复其他东西-感谢您指出:)