jquery实现元素高度变化页面变化

时间：2024-08-23 08:33:32

试了几种方法包括有资料说的h5新特性，都没能满足我的需求。我的需求如下：

元素高度是动态可变的，比如可拖动teatarea元素

最后用到了指针监听事件解决了

@参考文档

$(document).mousemove(function(e){

//这一块处理页面高度

});

示例：

$(document).mousemove(function(e){

    var height="";

    $($("body div").children()).each(function(index,item){

        height+=$(item).height();

    });

    $('#replaceContent', parent.document).height(height);

});
<body>

    <div>

        <form id="form">

            <table>

                <tr><td><textarea rows="" cols=""></textarea></td></tr>

            </table>

            </form>

    </div>

</body>

定义和用法

当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。

相关文章