一時的な入力フィールドを配置し、値が入力された後に非表示の入力フィールドに置き換える次のコードがあります。
var main = function(evt){
var textElement = $(this);
var tempField = settings.tempInputField;
textElement.hide();
textElement.after(tempField);
tempField.focus();
tempField.on("blur, keypress", function (e){
console.log(e.which);
var hiddenField = settings.hiddenInputField,
textValue = $(this).val(),
textColor = settings.color;
font = settings.textSize
removeInputHandle = $(this).remove(),
setText = textElement.show();
if(textValue != ""){
hiddenField.val(textValue).change();
textElement.text(textValue);
textElement.css("color", textColor);
textElement.css("font-size", font);
settings.callback();
}
if(e.which === 13){
removeInputHandle;
setText;
}
return textValue;
});
};
エンターキーが押されたときにテキストを設定することはできません。「ぼかし」の代わりに、フィールドを設定します。.on 関数を .on("keypress" に置き換えると、キーを押すとすぐにフィールドが設定されます。キー 13 (Enter キー) を押したときに設定する必要があります。
提案?