Chrome rend Texareas redimensionnable par défaut. Comment puis-je joindre des événements aux événements de redimensionnement du Texareas? Faire le naïf $ ('textarea'). Redimension (fonction () {...}) ne fait rien.
6 Réponses :
Je ne peux pas tester cela maintenant, mais selon Contrairement à cette entrée, max-largeur et max-hauteur ne le coupera pas - grâce à @jonathan Sampson pour l'information.
+1 redimensionner: Aucun le désactive. max-width et max-hauteur n'a pas: jsbin.com / Inane
On ne parle pas que vous puissiez attacher spécifiquement des événements pour redimensionner une textarea. L'événement Redimentation incendie lorsque la fenêtre est redimensionnée.
Voici un plug-in jQuery écrit avec Coffeescript. Idée de Jonathan Sampson.
$.fn.sizeId = ->
return this.height() + "" + this.width()
$.fn.textAreaResized = (callback) ->
this.each ->
that = $ this
last = that.sizeId()
that.mousedown ->
last = that.sizeId()
that.mousemove ->
callback(that.get(0)) if last isnt that.sizeId()
Il y a une redimensionnement jQuery qui, une fois inclus, rend votre travail de ligne donné: http://benalman.com/projects/jquery-resize-plugin/
Semblable à la réponse d'Epeli, j'ai essayé de démarrer une solution propre pour déclencher un événement de redimension () sur MouseDown: http://jsfiddle.net/cburgmer/jv5yj/3/ Cependant, cela ne fonctionne que avec Firefox alors que Chrome ne semble pas déclencher MouseDown sur le gestionnaire de redimensionnement. Cependant, il fait la gâchette.
C'est une question ancienne, mais quelqu'un d'autre avait le même à IRC, alors j'ai décidé de le résoudre ici: http://jsfiddle.net/vol7ron/z7hdn/
Tout le monde est juste que Chrome ne capture pas l'événement de redimensionnement et que Chrome ne capture pas le MouseDown, vous devez donc définir l'état initial et Puis gérez les modifications via MouseUp: P>
<textarea id="test"></textarea>
Vous pouvez vérifier la largeur avant et après un clic.