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