Блаженный Иоанн родился в славянском Драче около 1280 г., образование же получил в греческом Царьграде. За прекрасный голос Иоанна взяли ко двору, где он воспитывался вместе с другими детьми, которые и прозвали его Кукузелем, потому что на вопрос, что он кушал, Иоанн простодушно отвечал: «Куку зеле» (от греч. «куку» - «боб» и серб. «зеле» - «растение»). Блаженный Иоанн прославился певческим талантом и многими сочинениями о церковном пении. За свое необыкновенное искусство он удостоился звания доместика – начальника придворных певчих – и сделался любимцем вельмож и самого царя. Царь, уважая дарования Иоанна и добрую жизнь, хотел женить его на дочери богатого вельможи, но душа благочестивого юноши стремилась к Господу.
Раз случилось ему видеть у императора игумена Афонской лавры и слышать его рассказы о жизни тамошних отшельников. Пожелав также стать молитвенником Божьим, Иоанн тайно удалился от двора с посохом в руке и рубищем на плечах.
На Афоне он назвался пастухом и стал пасти коз. Долго оставался Иоанн в неизвестности, напрасно искали его по приказанию императора . Пустынническая жизнь понравилась Иоанну, он в тиши молился Господу. Однажды сидел он при своем стаде, размышляя о жизни, и сердце трепетало благодарностью за Промысел Божий. Думая, что его никто не услышит в пустыне, Иоанн стал петь священные песни, и его ангельский голос далеко разливался в пустынных высотах Афона. Долго и сладостно пел умилившийся певец, а между тем в диком ущелье слушал его изумленный пустынник, который затем пошел в лавру и рассказал настоятелю о чудном певце-пастухе. Заклинаемый именем Божьим, Иоанн признался игумену, что он учитель придворных певчих. По слезной просьбе скромного Иоанна игумен оставил его пасти коз, а затем упросил императора разрешить ему жить в Афонской пустыне. «Жаль мне дорого Иоанна, - сказал император, - но спасение души – выше всего; пусть будет по его желаниям».
Иоанн выбрал себе за монастырем уединенное место, выстроил келью и стал жить, проводя шесть дней в безмолвии, а в седьмой и в праздники приходя в собор петь на правом клиросе. Труд и усердие к священному пению вознаграждены были небесным утешением. Как-то Иоанну во сне явилась Пречистая и сказала: «Будь здрав, чадо мое, пой. Я не оставлю тебя» – и дала ему червонец. Проснувшись, Иоанн нашел в руке святой дар и с радостными слезами поблагодарил Богоматерь. С этого времени он удвоил свое усердие к пению и стали приходить в церковь каждый день. Продолжительное стояние и пение на клиросе привели к тому, что у него заболели ноги, но Пречистая исцелила его. После кончины Иоанна (между 1360 и1375) червонец, дар Богоматери, был подвешен к его иконе, и от него совершались многие чудеса.