Highlight feature

[amit777]

Would it be possible to have a highlight-then-delete feature for the word that is typed? Hubspot.com has this. The effect makes it looks like someone is highlighting the word that was typed and then deleting it.

[yuanqing]

You can use the call method. The code might look something like:

var m = malarkey(elem, opts);

[ 'foo', 
  'bar', 
  'baz' 
].forEach(function(str) {
  m.type(str)
   .call(function(elem) {
     elem.classList.add('highlighted');
     this();
   })
   .pause()
   .delete()
   .call(function(elem) {
     elem.classList.remove('highlighted');
     this();
   })
   .pause();
});

Some simple CSS animations or transitions on the .highlighted class should give the desired highlighting effect.