javascript – 如何调用div resize上的函数?

前端之家收集整理的这篇文章主要介绍了javascript – 如何调用div resize上的函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有一个名为resize的新CSS属性,因此div也可以调整大小.但是如何附加事件监听器?因为.onresize仅适用于窗口对象

JSFiddle:http://jsfiddle.net/3y0gfj8j/

编辑:

我不想使用JQuery.这不是一个重复的问题.
我只发现了这个问题的JQuery解决方案,这就是我问这个问题的原因.

解决方法

我用这种方式解决了这个问题.好像至少在Firefox中工作正常.
当您将光标从正在调整大小的元素右下角的调整大小“抓取器”上移开时,它会触发.
  1. <DOCTYPE=html>
  2. <html>
  3.  
  4. <script>
  5. function functionname()
  6. {
  7. //replace this line with the script you want executed
  8. }
  9. </script>
  10.  
  11. <style>
  12. #idname {resize:both;}
  13. </style>
  14.  
  15. <body>
  16. <div id="idname" onmouSEOut="functionname();"></div>
  17. </body>
  18.  
  19. </html>

猜你在找的JavaScript相关文章