修复软键盘问题

pull/23/head
630892807@qq.com 3 years ago
parent 8655643611
commit a674bc1ba5

@ -55,7 +55,7 @@
<div class="folderBtn visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
<div class="clear"></div>
</div>
<el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" @click.native="scrollBottom" class="chatArea" v-model="messageContent" @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
<el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" class="chatArea" v-model="messageContent" @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
<div class="faceBox visitorFaceBox">
<ul class="faceBoxList">
<li v-on:click="faceIconClick(i)" class="faceIcon" v-for="(v,i) in face" :title="v.name"><img :src=v.path></li>

@ -17,6 +17,7 @@ new Vue({
timer:null,
sendDisabled:false,
flyLang:GOFLY_LANG[LANG],
textareaFocused:false,
},
methods: {
//初始化websocket
@ -260,18 +261,21 @@ new Vue({
textareaFocus:function(){
if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
$('body').scrollTop($("body")[0].scrollHeight);
$(".chatContext").css("margin-bottom","1px");
$(".chatContext").css("margin-bottom","0");
$(".chatBoxSend").css("position","static");
this.textareaFocused=true;
}
},
textareaBlur:function(){
if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
if(this.textareaFocused&&/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
var chatBoxSendObj=$(".chatBoxSend");
var chatContextObj=$(".chatContext");
if(chatBoxSendObj.css("position")!="fixed"){
if(this.textareaFocused&&chatBoxSendObj.css("position")!="fixed"){
chatContextObj.css("margin-bottom","105px");
chatBoxSendObj.css("position","fixed");
this.textareaFocused=false;
}
}
},
//获取日期

Loading…
Cancel
Save