I have a character counter for my textarea that was working great until I added EmojiOne Area. The emoji picker now works great, but my character counter stopped working. For some reason the keyup is no longer working off of the ID.
HTML
JavaScript
JSFiddle.
HTML
<textarea id="message" class="form-control" placeholder="Enter text here..."></textarea>
<label><span id="chars" class="lead">140</span></label> characters left
JavaScript
/*emojioneArea */
$(document).ready(function() {
$("#message").emojioneArea({
pickerPosition: "bottom",
tonesStyle: "bullet"
});
});
/*Character Counter */
function countChar(val) {
var len = val.value.length;
if (len >= 140) {
val.value = val.value.substring(0, 140);
$('#stat span').text(0);
} else {
$('#stat span').text(140 - len);
}
}
countChar($('#message').get(0));
$('#message').keyup(function() {
countChar(this);
});
JSFiddle.
Learn from the best
Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.
Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 4 Comments.
Try for 7 days”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.
Our community of experts have been thoroughly vetted for their expertise and industry experience.