atwho JavaScript and jQuery area emojis plugin Not working together on same input field

[confidential860]

trying to use atwho js to @mention someone in input field plus emojis on same input field but both doesn't seems to work together when i remove emojis from input field @mention works fine but after attaching emoji plugin @mention doesn't work why? here is my code

`

<title>page</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script> <script src="https://cdn.rawgit.com/ichord/At.js/801c87dc/dist/js/jquery.atwho.min.js"></script> <script src="https://cdn.rawgit.com/ichord/Caret.js/master/dist/jquery.caret.min.js"></script>

<style type="text/css">
            /*CSS for Atwho*/
</style>
<script type="text/javascript">
    $(document).ready(function() {
var Usertags = {
    at: "@",
    data:['Hans', 'Peter', 'Tom', 'Anne']
};

$("#input-default").emojioneArea({
                events: {
                  keydown: function (editor, event) {
                          if(event.which == 13){
                            event.preventDefault(); // < ---------- preventDefault
                            return sendMessage(getMessageText())
                          }
                        },
                      },
            pickerPosition: "top",
            filtersPosition: "bottom",
            tones: true,
            autocomplete: false,
            inline: true,
            hidePickerOnBlur: false,
            search: false

          }).atwho(Usertag);

// I have also tried following line

// $("#input-default").atwho(Usertag);
});
</script>
</head>

`