[JS] input size
Code (php)
1
2
3
2
3
function SizeInput (obj) {
obj.size = obj.value.length+1;
}
obj.size = obj.value.length+1;
}
Deze roep ik zo aan:
Code (php)
1
<input type="text" onKeyPress="SizeInput(this);" />
Het werkt goed, want ik gebruik de mono-font, die even groot is als 1 stap in het size-attribuut. Nu heb ik echter één probleem. Als ik iets in de input plak, dan reageert hij hier niet goed op. Nu heb ik al geprobeerd om een OnKeyUp te gebruiken voor de Ctrl+V-actie, maar dan maakt hij hem groter, maar de text zit links van de input.
Dit bedoel ik zo:
Code (php)
1
2
3
4
5
2
3
4
5
[] <- Dit is het inputboxje.
[hallo] size: 5
>> Nu plak ik de string 'Plakken';
[akken ] size: 12
[hallo] size: 5
>> Nu plak ik de string 'Plakken';
[akken ] size: 12
Weet iemand een oplossing om dit te verhelpen? Dat hij wel goed reageert op geplakte text.
Alvast bedankt,
Miloan
Gewijzigd op 01/01/1970 01:00:00 door Mark L
Gesponsorde koppelingen:
Maar ik begrijp niet waarom hij bij OnKeyUp hij links van het scherm verschijnt.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
function SizeInput (obj) {
obj.size = obj.value.length+1;
}
function CtrlV (obj, evt) {
var code = (evt.keyCode) ? evt.keyCode : evt.which;
if (code === 86 && evt.ctrlKey === true) { // is er Ctrl+V gedrukt?
SizeInput(obj);
obj.value += ''; // Om de string aan het begin van de input te tonen
}
}
obj.size = obj.value.length+1;
}
function CtrlV (obj, evt) {
var code = (evt.keyCode) ? evt.keyCode : evt.which;
if (code === 86 && evt.ctrlKey === true) { // is er Ctrl+V gedrukt?
SizeInput(obj);
obj.value += ''; // Om de string aan het begin van de input te tonen
}
}
Code (php)
1
<input type="text" onkeydown="SizeInput(this);" onKeyUp="CtrlV(this, event);" />
Echter heb ik nu een probleem met de muis. Want JS stuurt de informatie als je klikt. Echter als je rechtermuis drukt, dan triggert hij de event, maar de gebruiker zou dan nog op plakken in het rechtermuis-menu moeten kiezen. Dus de functie is met OnClick, OnMouseDown, OnMouseUp niet te doen. Ook kan OnMouseMove niet, want als je op plakken hebt geklikt, dan zit je muis WAARSCHIJNLIJK niet meer op de input-element.
Heeft iemand nog een idee?
