attivare onChange

[toreg]

salve a tutti,
tramite jsInjector stò semplificando la compilazione di un form.

Ho un input con il seguente onChange:

function onChange(event) {
  _this.props.onChangeFunc ? _this.props.onChangeFunc(event) : event.preventDefault();
}

con js inserisco un valore nell' input ma non si attiva la relativa funzione sull' evento onChange.

Come potrei risolvere??
graziee

[KillerWorm]

Ciao, l'evento change è normalmente innescato solo quando il valore del campo è cambiato tramite un'azione effettuata dall'utente, cioè non in modo programmatico.

Per forzare l'esecuzione di tale evento puoi usare il metodo dispatchEvent() per quell'input dopo che ne viene impostato il valore:

tuoInput.value = 'nuovo valore';
tuoInput.dispatchEvent(new Event('change'));

In alternativa, se l'evento è applicato tramite attributo onchange direttamente sul tag, puoi richiamarlo usando il relativo metodo onchange(), sempre dopo l'impostazione del valore:

tuoInput.value = 'nuovo valore';
tuoInput.onchange();

[toreg]

grazie KillerWorm
ho provato entrambi le soluzione.
La seconda mi da errore, i.onChange(provato anche con onchange) is not a function, la prima mi risponde true ma non succede nulla.
L'input interessato e' il seguente:

[toreg]

Immagine 2023-06-09 150937.jpg

[KillerWorm]

La seconda mi da errore

Chiaro, dalla tua immagine, non vedo infatti alcun attributo onchange applicato direttamente sul tag, per cui non puoi usare il secondo metodo, come ti ho specificato.

Il primo metodo (col dispatchEvent) dovrebbe funzionare in qualunque caso. Se non succede nulla presumo che ci sia qualcos'altro da considerare ma non è facile capire senza vedere la pagina in questione. Puoi postare il link?

[toreg]

per accedervi � necessario un account fornito direttamente da loro.

Se clicco su "apri in debugger" riferito alla riga dell' input, mi manda a questa porzione di codice, non s� se pu� aiutare! Credo sia stato utilizzato un framework..

(0, _createClass2["default"])(SearchBox, [{
        key: "render",
        value: function render() {
          var _this = this;
    
          return _react["default"].createElement("div", {
            className: this.props.wrapperClass ? this.props.wrapperClass : ""
          }, _react["default"].createElement("label", {
            className: this.props.titleClass ? this.props.titleClass : ""
          }, _react["default"].createElement("span", {
            dangerouslySetInnerHTML: {
              __html: this.props.title
            }
          })), _react["default"].createElement("label", {
            className: this.props.searchClass ? this.props.searchClass : ""
          }, _react["default"].createElement("input", {
            type: "text",
            placeholder: _SitecoreHelper["default"].getPlaceholderText(this.props.isEditing, this.props.searchPlaceholder),
            onChange: function onChange(event) {
              _this.props.onChangeFunc ? _this.props.onChangeFunc(event) : event.preventDefault();
            },
            ref: this.props.refData
          })));
        }
      }]);
      return SearchBox;
    }(_react["default"].Component);
    
    module.exports = SearchBox;

[toreg]

è visibile la funzione onChange.. volendo richiamare direttamente che verrebbe richiamato dall'evento onchange??

onChange: function onChange(event) {              _this.props.onChangeFunc ? _this.props.onChangeFunc(event) : event.preventDefault();
            },

[KillerWorm]

Credo sia stato utilizzato un framework

Vedo, il nome "react" è sicuramente un indizio

volendo richiamare direttamente che verrebbe richiamato dall'evento onchange??

Quella funzione è definita in un contesto particolare dove ci sono riferimenti a variabili definite localmente all'interno dello stesso contesto; deduco che non sia così semplice richiamarla direttamente fuori dal proprio contesto.

Tra l'altro quella funzione è solo un tramite in cui verrebbe eventualmente chiamata l'altra specifica funzione "_this.props.onChangeFunc()".

Prova magari a chiarire cosa dovrebbe succedere quando l'evento change avviene normalmente, cioè quando l'utente modifica il valore e quindi esce dal campo; vediamo se in qualche modo possiamo aggirare l'ostacolo.