Boa tarde!

Preciso que o texto dentro do campo zoom esteja em maiúsculas.

Como faço isso?

Já fiz com campos do tipo input=text.

Como faço com campos do tipo input type=zoom?

Obrigado!

EDIT:

Tentei com:

$("input[type='zoom']").each(function(){
    $(this).on("keypress", function(){
        $(this).val($(this).val.toUpper();
    });
});

E tentei com:

$("input[type='search']").each(function(){
    $(this).on("keypress", function(){
        $(this).val($(this).val.toUpper();
    });
});

Após a primeira resposta, tentei da seguinte maneira, sem sucesso:

$("input[type='search']").each(function(){
    $(this).on("change", function(){
        $(this).text($(this).text().toUpper());
    });
});

Após a segunda reposta, tentei o seguinte:

<input type="zoom" oninput="maiuscula()" class="form-control" name="zm_cidade" id="cCidade"

E criei uma função:

function maiuscula(){
    var conteudo = $("#cCidade").val();
    var conteudo2 = conteudo.toUpper();
    $("#cCidade").val(conteudo2);

}

Mas não deu certo.

Estava tentando enviar um comentário, mas sempre dava erro. Então, vou editar a pergunta.

Se eu fizer:

<input onchange="maiuscula()" type="zoom">

OU:

<input oninput="maiuscula()" type="zoom">

E no javascript fizer o seguinte código:

<script type="text/javascript">
    function maiuscula(){
        console.log("CHAMOU MAIUSCULA");
    }
</script>

O código javascript nunca é executado. Em outros inputs, uso o oninput sem problemas. Prefiro fazer uso do oninput pois vou rodar o formulário em dispositivos mobile. E segundo o dev Fluig, http://tdn.totvs.com/pages/releaseview.action?pageId=146181573, devemos utilizar o evento oninput para desenvolvimento mobile.