Algo parecido com callback de .val()

[Vook 0]

Boa tarde.

 

Pessoal, se possível queria que alguém me tire uma dúvida.

Eu adicionei um ícone dentro de um input com a opção da mesma sempre apagar o valor interno, mais ou menos igual o type search funciona, só que esse continua aparecendo mesmo após o blur.

Só que estou com um problema quando aos eventos que esses inputs recebem. Como o sistema que trabalho é um pouco grande, é meio dificil dizer quais eventos ocorrem com esses inputs, já que os mesmo são generico, usados pelo sistema inteiro.

 

Eu tinha feito algo para capturar alguns eventos via jquery com a função live, só que quando eu altero o input por .val() ou .value os eventos não ocorrem e o ícone não aparece, alguém sabe a forma ideal de sempre saber que aquele input foi alterado, independente da forma?

 

Eu procurei no google por bastante tempo sobre algo parecido com um callback de val do proprio jquery ou um change para eventos no input mas não encontrei nada.

 

vou colocar abaixo o evento e icone.

function tog(v){
	$j(v).nextAll().each(function(){
		if($j(this).hasClass('iconApagar')){
			v.value ? $j(this).show() : $j(this).hide();
		}
	});
}

$j('.apagarValor').live('click mousedown mouseup focus keydown change blur', function(){
		tog(this);
});

$j('.iconApagar').click(function(){
	$j(this).prevAll().each(function(){
		if($j(this).hasClass('apagarValor')){
			$j(this).val('');
			tog(this);
		}
	})
});

[Sergio Tomas 16]

Olá Vook, o que você pode fazer é contar quantos caracteres existem neste input e fazer a verificação para saber as diferenças. e com base nas diferencas vc vai determinar se irá exibir ou ocultar, ficou claro?

[William Bruno 1501]

O que vc pode fazer é logo após alterar por .val() ou .value, disparar vc mesmo um dos eventos que disparam as outras ações. Entendeu?

 

input.val('outro valor');
input.trigger('change');

[Vook 0]

Desculpe a ausência, o que acontece é que aqui eu não sei de qual forma que os desenvolvedores setam os valores, não tem um padrão estipulado. são centenas ou milhares de programas, o que eu fiz resolveu uns 60% dos problemas, que foi sobre-escrever o método val() do JQuery.

(function ($j) {
		var originalVal = $j.fn.val;
		$j.fn.val = function(value) {
			if (typeof value !== 'undefined' && value.length > 0) {
				this.value = '1';
				tog(this);
			} else {
				this.value = '';
				tog(this);
			}
			return originalVal.apply(this, arguments);
		};
	})(jQuery);

Só que meu problema agora é descobri como irei fazer caso o input seja setado por .value

document.getElementById('idTeste').value = 'teste'

Alguém tem uma ideia? se eu tivesse feito o sistema que eu trabalho eu teria adicionado um trigger em todos os vals, mas eu não fiz. tenho que improvisar né?

 

Existe alguma forma de ao setar um valor no prototype .value gerar um callback ou um hook que chame um evento ou uma função?