关于可拖动DIV中含有textarea就会抱错的问题,求解
var move=false;
function StartDrag(obj)
{
if(event.button==1&&event.srcElement.tagName.toUpperCase()=="DIV")
{
obj.setCapture();
obj.style.background="#8080FF";
move=true;
}
}
function Drag(obj)
{
if(move)
{
var oldwin=obj.parentNode;
oldwin.style.left=event.clientX-50;
oldwin.style.top=event.clientY-10;
}
}
function StopDrag(obj)
{
obj.style.background="mediumslateblue";
obj.releaseCapture();
move=false;
}
function closediv(obj){
obj.style.display="none";
}
function opendiv(obj){
obj.style.display="";
}
//可拖动的div
html中要拖动的DIV
div id="win1" style="display: none; font-size: 12pt; z-index: 109; left: 232px;
width: 400px; position: absolute; top: 82px; height: 320px">
<div class="title" onMousedown="StartDrag(this)" onMouseup="StopDrag(this)" onMousemove="Drag(this)" style="background-color: mediumslateblue;"><img src="../css/skin1/closed.gif" onclick="Hidadddiv();" />
</div>
<div style="overflow:scroll;">
这里面如果有textarea对象 就会报错......
</div>
相关推荐
JavaScript中Textarea滚动条不能拖动的解决方法
主要介绍了JavaScript中Textarea滚动条不能拖动的解决方法,主要针对IE浏览器中Textarea滚动条绑定了onfocus事件时分析对应的处理方法,需要的朋友可以参考下
关于Textarea的换行问题
关于Textarea的换行问题并非JTextarea
div模拟textarea,解决高度自适应
解决textarea文字太多无法高度自适应问题,使用div模拟textarea
div模拟textarea文本域实现高度自适应效果代码
一、关于textarea文本域以及高度自适应 textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框: 作为多行文本域功能来讲,textarea满足了我们大部分的需求。然而,textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条,高度固执地岿然不动。所以,有时候,为了增加交互体验想让文本域高度自适应的时候,就会遇到麻烦。并不是不能实现,例如Google的Buzz的输入框就是高度自适应里面的内容的,如下截图: 不说远的,我个人网站的提问与交流页面中的回答输入
控制textarea边框拖动[项目代码]
本文介绍了如何通过CSS的resize属性控制HTML中textarea标签的边框拖动行为。默认情况下,textarea的右边框和下边框可以自由拖动,但在某些场景下需要限制其宽度或高度的调整。文章详细说明了resize属性的三种取值:vertical(允许调整高度)、horizontal(允许调整宽度)和none(禁止调整宽高),并提供了相应的代码示例。通过这些示例,开发者可以轻松实现textarea边框的拖动控制,满足不同的设计需求。



