Searching by click Enter on keyboard without using search Button?!

Ask the community
,
1

I am kind frustrated with this actually! Trying this since weeks, even with a Code Pro of my work! So i have a start page with a search and result are at results page! In the start page i managed to search just by click “Enter”, on the result page in the searchBar i cant manage to make a search just easily by clicking "Enter! OnClick event in the searchBar is activated! This is the Code I am Using so far:
Thx for any help! Martin

The Code on the Start Page works fine!!
import {local} from ‘wix-storage’ ;

import wixLocation from ‘wix-location’ ;

function runSearch(){

$w.onReady( function () {

});

// Add your code for this event here:
$w( “#loadingGif” ).show();

let word = $w( “#searchBar” ).value;

local.setItem( "searchWord" , word); 

wixLocation.to(`/produktsuche`);

}
$w.onReady( function () {
$w( “#searchBar” ).onKeyPress( (event) => {
if (event.key === “Enter” ){
runSearch();
}
})
});

The Code on this page doesnt work at at all!

import {local} from ‘wix-storage’ ;

import wixData from ‘wix-data’ ;

$w.onReady( function () {

// AXEL
$w( “#searchBar” ).onKeyPress( (event) => {
if (event.key === “Enter” ){
console.log( “Enter was pressed!” )
//search();

    } 
});

// End AXEL

var sameWord = local.getItem( “searchWord” );

$w( "#searchBar" ).value = sameWord;

//$w(“#searchBar”).placeholder = sameWord;

$w( '#dataset3' ).onReady( **function**  () { 

    search(); 

});

});

let debounceTimer;
export function searchBar_click() {

//Add your code for this event here:

//Add your code for this event here:

    $w( "#loadingGif" ).show();

if (debounceTimer) {
clearTimeout(debounceTimer);
debounceTimer = undefined;
}

debounceTimer = setTimeout(() => { 
    $w( "#dataset3" ).setFilter(wixData.filter().contains( "title" , $w( '#searchBar' ).value) 
      .or(wixData.filter().contains( "shop" , $w( '#searchBar' ).value))) 

                        .then(() => { 
            count(); 
        }) 
},  200 ); 

search();

}

function count() {

let total = $w( ‘#dataset3’ ).getTotalCount();
if (total > 1 ) {

$w( '#textResults' ).text = `${total} nachhaltige Produkte gefunden.`; 
    $w( "#loadingGif" ).hide(); 
    $w( '#textResults' ).show(); 
}

if (total === 1 ) {
$w( ‘#textResults’ ).text = ${total} nachhaltiges Produkt gefunden.;
$w( “#loadingGif” ).hide();
$w( ‘#textResults’ ).show();
}
if (total === 0 ) {
$w( ‘#textResults’ ).text = “Leider nichts gefunden. Bitte probiere einen ähnlichen Begriff” ;
$w( “#loadingGif” ).hide();
$w( ‘#textResults’ ).show();
}
}

function search() {

wixData.query( 'Produkte2020NEU' ) 
.contains( 'title' , $w( "#searchBar" ).value) 
.or(wixData.query( 'Produkte2020NEU' ).contains( 'shop' , $w( "#searchBar" ).value)) 
.or(wixData.query( 'Produkte2020NEU' ).contains( 'kategorie' , $w( "#searchBar" ).value)) 
.limit( 10 ) 
.ascending ( "preis" ) 
.find() 
.then(res => {

$w( ‘#repeater3’ ).data = res.items;

});

}

export function picture1_click(event) {
// Add your code for this event here:
if ($w( ‘#box1’ ).collapsed) {
$w( ‘#box1’ ).expand();
} else {
$w( ‘#box1’ ).collapse();
}
}

export function vectorImage71_click(event) {
// Add your code for this event here:
if ($w( ‘#box2’ ).collapsed) {
$w( ‘#box2’ ).expand();
} else {
$w( ‘#box2’ ).collapse();
}
}

export function text998_click(event) {
// Add your code for this event here:
if ($w( ‘#box2’ ).collapsed) {
$w( ‘#box2’ ).expand();
} else {
$w( ‘#box2’ ).collapse();
}
}

export function button166_click(event) {
// Add your code for this event here:
if ($w( ‘#box6’ ).collapsed) {
$w( ‘#box6’ ).expand();
} else {
$w( ‘#box6’ ).collapse();
}
}