0
149
Viewspress 'done' button on mobile keyboard is not trigger close in contenteditable div
I have a div that use contenteditable = "true", when i use mobile device like iphone and click this div (focus this div), keyboard will open. But when I click "done" button on keyboard (not return/enter), the keyboard can't close. How can I close the keyboard when I click "done" button. Any ideas what I'm doing wrong?
document.getElementById('send-msg-content').addEventListener("keypress", function( event ) {
alert('keypress');
}, true);
document.getElementById('send-msg-content').addEventListener("keydown", function( event ) {
alert('keydown');
}, true);
document.getElementById('send-msg-content').addEventListener("keyup", function( event ) {
alert('keyup');
}, true);.send-msg-content{
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
-khtml-user-select: text;
user-select: text;
border:1px solid blue;
resize: none;
}
.send-msg-content:empty:before {
content: attr(placeholder);
color: #aaa;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
line-height: 1em;
pointer-events:none;
}<div oncontextmenu="return false;" contenteditable="true" placeholder="talk something" class="send-msg-content" id="send-msg-content" inputmode="text"></div>This gif file is my operation situation:
·
Juan Pablo Isaza
Answer question