selector17

本文介绍了一个简单的JavaScript函数,用于调整网页对话框的宽度。通过监听鼠标事件实现拖动调整大小的功能,并确保最小宽度为380像素。此外,还提供了一些辅助函数,如去除字符串前后的空白字符和末尾的逗号。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function resizeDialog(obj){

var drag_=false;

var x;

$$(obj).onmousedown=function(e){

drag_=true;

with(this){

var temp1=style.width;

//如果未设置过大小,设置为offsetWidth
if(!temp1 || temp1==""){
//默认值,设置大小
style.width=offsetWidth;
temp1=style.width;
}else{
//获取当前style的大小
if(temp1.indexOf("px")>0){
temp1=temp1.substring(0,temp1.indexOf("px"));
}
//如果小于offsetWidth
if(temp1<offsetWidth){
//重新设置为offsetWidth
style.width=offsetWidth;
temp1=offsetWidth;
}

}

x=getEvent(e).clientX;


document.onmousemove=function(e){
if(!drag_){
return true;
}
with(this){
var changeSize=getEvent(e).clientX-x;
if(parseInt(temp1)+parseInt(changeSize)>380){
style.width=parseInt(temp1)+parseInt(changeSize);

}
}
}
}

document.onmouseup=function(){
drag_=false;
}

}//
}


//去除空格
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*)$/g, '');
};

//去除最右边的逗号
String.prototype.rTrimComma = function(){
return this.replace(/,$/, '');
};

//获取Id
function $$(id, isParent){
var dom;
if(isParent){
dom = parent.document.getElementById(id);
}else{
dom = document.getElementById(id);
}
return dom;
};

//切换页面鼠标点击事件
function documentKeyDownListener(){

//如果点击Esc
if(window.event.keyCode == 27){
Dialog.hide();
}
//按回车
else if(window.event.keyCode == 13){
//修改时按回车继续添加问题 20101123 xkf27471
if($$('dialogModify').style.display == 'none'){
$$('dialogAdd').click();
}else{
$$('dialogModify').click();
}
}
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值