Result
jQuery
//キープレスイベント
$('#text').live('keypress',function (e) {
//KeyCode定数を設定
if(e.keyCode == 13) {
box = $(this);
t_val = $(box).val();
//未入力の場合は受け付けない
if(t_val.length > 0) {
//打ち込んだ内容が反映されるボックスを生成
$(this).prev().append('<div id="user">'+t_val+'</div>');
$(box).val("");
}
e.preventDefault();
}
});
css
#user{
border-top:1px solid #fff;
border-bottom:1px solid #ddd;
padding:15px;
margin-bottom:0;
background:#eee;
}
#parent{
width:500px;
border:1px solid #ccc;
}
textarea{padding:5px;}
html
<div id="parent"> </div> type! <textarea id="text" rows="1" cols="20"> </textarea>
via
How to disable Enter/Return Key After a function is executed because of it? – Stack Overflow
Warning: include(/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php): Failed to open stream: No such file or directory in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7
Warning: include(): Failed opening '/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php' for inclusion (include_path='.:/opt/php-8.1.32-2/data/pear') in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7
