Какие есть способы сократить данную строку?
if ([ 'search', 'search_input', 'cancel_btn' ].indexOf(target.className) === -1) {
или

if (![ 'search', 'search_input', 'cancel_btn' ].includes(target.className)) {
или

if ([ 'search', 'search_input', 'cancel_btn' ].every(n => n !== target.className)) {
или

if (![ 'search', 'search_input', 'cancel_btn' ].some(n => n === target.className)) {
или

if (![ 'search', 'search_input', 'cancel_btn' ].find(n => n === target.className)) {
или

var t = target.className;
if (t != 'search' && t != 'search_input' && t != 'cancel_btn') {
Если вот на 100% уверен, что className состоит из одного слова.if(!['search', 'search_input', 'cancel_btn'].includes(target.className)) {
  cancelSearch();
}
UPD:
И bulletproof реализация если несколько классов на элементеconst allowedClasses = ['search', 'search_input', 'cancel_btn'];

if(![...target.classList].some(name => allowedClasses.includes(name))) {
  cancelSearch();
}