tagInput

Tags a TaggableElement to be tracked as InputContext.

tagInput = (parameters: {
id: string,
options?: TagLocationOptions,
onError?: TrackerErrorHandlerCallback
}) => TagLocationReturnValue

Parameters

typedefault value
requiredidstring
optionaloptionsTagLocationOptions{ trackBlurs: true }
optionalonErrorTrackerErrorHandlerCallbackTrackerConsole.error

Returns

TagLocationReturnValue

Events

Unless customized via the options parameter, automatically triggers:

Usage example

import { tagInput } from '@objectiv/tracker-browser';
Automatically track InputChangeEvent onBlur
<input {...tagInput({ id: 'search' })} />
Automatically track InputChangeEvent and InputValueContext onBlur
<Search {...tagInput({ id: 'search', options: { trackBlurs: { trackValue: true } } })} />
Enrich location, but do not track InputChangeEvent
<select {...tagInput({ id: 'search', options: { trackBlurs: false } })}>
...
</select>

Did you know ?

tagInput is just syntactic sugar on top of tagLocation.