Javascript -moz调整大小事件

Javascript -moz调整大小事件,javascript,html,firefox,Javascript,Html,Firefox,我有一个元素正在使用-moz resizeCSS样式。此样式允许使用鼠标调整元素的大小 调整元素大小时是否会触发任何事件? 只有窗口对象具有onresize事件 想法:您可以为该项提供一些onClick/onmouseup事件,用于存储和检查本地元素的宽度/高度。因此,您可以触发/触发其他一些事件/函数 只有窗口对象具有onresize事件 想法:您可以为该项提供一些onClick/onmouseup事件,用于存储和检查本地元素的宽度/高度。因此,您可以触发/触发其他一些事件/函数 我最近发布

我有一个元素正在使用
-moz resize
CSS样式。此样式允许使用鼠标调整元素的大小

调整元素大小时是否会触发任何事件?


只有窗口对象具有onresize事件

想法:您可以为该项提供一些onClick/onmouseup事件,用于存储和检查本地元素的宽度/高度。因此,您可以触发/触发其他一些事件/函数


只有窗口对象具有onresize事件

想法:您可以为该项提供一些onClick/onmouseup事件,用于存储和检查本地元素的宽度/高度。因此,您可以触发/触发其他一些事件/函数


我最近发布了一个问题的答案,该问题需要相同的解决方案:

var myElement = document.getElementById('my_element'),
    myResizeFn = function(){
        /* do something on resize */
    };
addResizeListener(myElement, myResizeFn);
removeResizeListener(myElement, myResizeFn);

要在您的案例中使用下面的方法,只需传入要侦听的元素,以确定事件的大小,以及发生时要调用的函数。不管元素是否具有CSS resize属性,这适用于任何DOM元素。有一个警告:元素必须能够包含子元素,否则您需要包装有问题的元素——就像输入或img一样——并设置侦听器

警告:这是一个答案的很多内容,你可以在我的博客上阅读全文:


HTML 以下HTML块将自动附加到任何附加调整大小事件的元素。您只能将调整大小事件附加到允许子元素的元素–基本上,没有使用自动关闭标记声明的元素

<div class="resize-sensor">
    <div class="resize-overflow"><div></div></div>
    <div class="resize-underflow"><div></div></div>
</div>
JavaScript代码/方法 下面是启用调整大小事件侦听所需的JavaScript。前两个函数是addResizeListener和removeResizeListener主方法中使用的先决条件。(如前所述,有关addFlowListener方法的更多详细信息,请参阅溢出/下溢事件帖子)


我最近发布了一个关于一个问题的答案,该问题需要相同的解决方案:

var myElement = document.getElementById('my_element'),
    myResizeFn = function(){
        /* do something on resize */
    };
addResizeListener(myElement, myResizeFn);
removeResizeListener(myElement, myResizeFn);

要在您的案例中使用下面的方法,只需传入要侦听的元素,以确定事件的大小,以及发生时要调用的函数。不管元素是否具有CSS resize属性,这适用于任何DOM元素。有一个警告:元素必须能够包含子元素,否则您需要包装有问题的元素——就像输入或img一样——并设置侦听器

警告:这是一个答案的很多内容,你可以在我的博客上阅读全文:


HTML 以下HTML块将自动附加到任何附加调整大小事件的元素。您只能将调整大小事件附加到允许子元素的元素–基本上,没有使用自动关闭标记声明的元素

<div class="resize-sensor">
    <div class="resize-overflow"><div></div></div>
    <div class="resize-underflow"><div></div></div>
</div>
JavaScript代码/方法 下面是启用调整大小事件侦听所需的JavaScript。前两个函数是addResizeListener和removeResizeListener主方法中使用的先决条件。(如前所述,有关addFlowListener方法的更多详细信息,请参阅溢出/下溢事件帖子)


每次看到学校的链接我都会畏缩。你知道@zzzzBov吗?是的,我知道w3傻瓜:)我只是想显示对象事件的dom属性!;)“只有窗口对象具有onresize事件”-有一种方法可以对任何DOM元素以基于事件的方式进行大小调整检测。我在这里发布了我的答案,但被一个mod删除了:(每次我看到w3schools的链接我都会退缩。你知道@zzzzBov吗?是的,我知道W3傻瓜:)我只是想显示对象事件的dom属性!;)“只有窗口对象具有onresize事件”-有一种方法可以对任何DOM元素以基于事件的方式进行大小调整检测。我在这里发布了我的答案,但是一个mod删除了它:(你可能会用它来听
高度
/
宽度
的变化。但这可能会对性能产生影响。为什么
-moz resize
而不是
resize
?甚至没有提到前缀形式,至少Firefox 12不支持它。不能使用resize。-moz resize是在中实现大小调整的方式Sitecore(在Firefox中)。您可能可以使用来收听
高度
/
宽度
的更改。但这可能会对性能产生影响。为什么
-moz resize
而不是
resize
?甚至没有提到前缀形式,至少Firefox 12不支持。不能使用resize。-moz resize是在中实现大小调整的方式Sitecore(在Firefox中)。正如我在另一个问题上所说的,我在上面使用了这个答案-这不是同一个问题,但这个答案两者都适用,在那种情况下复制似乎是错误的,对吗?正如我在另一个问题上所说的,我在上面使用了这个答案-这不是同一个问题,但这个答案两者都适用,在那种情况下复制似乎是错误的,对吗?