Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

trigger click event with css selector in prototype

Tags:

javascript

jquery

css

prototypejs

I am new in Prototype js. I have an element like this,

<li id="toolbar-save" class="button">
  <a class="toolbar"  href="www.mydomain.com/register">
     Save &amp; Close
  </a>
</li>

I have a selector for the anchor tag, $$('#toolbar-save a'). By using this selector how can I trigger the click event ? or any other way you can suggest ? thanks in advance.

like image 410
Nisam Avatar asked Jun 13 '13 21:06

Nisam

People also ask

How do you trigger a click element?

The HTMLElement. click() method simulates a mouse click on an element. When click() is used with supported elements (such as an <input> ), it fires the element's click event. This event then bubbles up to elements higher in the document tree (or event chain) and fires their click events.

How do I trigger a click event without clicking?

If you want native JS to trigger click event without clicking then use the element id and click() method of JavaScript.

How do I use matches CSS selector in GTM?

If click on the link while in GTM preview mode and check out the Click Element in the preview console, you'll notice that it is listed as an object in the Data Layer. Since it's a Data Layer object, we can dig a little deeper in the element using our Developer Tools to find a CSS selector.

Which variable does the matches CSS selector trigger predicate best work with?

You can use the matches CSS selector trigger predicate together with the Click Element variable to check if the element matches a specific selector (d'oh).

1 Answers

$$('#toolbar-save a')[0].click();

FIDDLE

like image 53
adeneo Avatar answered Sep 17 '22 18:09

adeneo
Sign in to Comment

Related questions

How to use jQuery .When .done
Backbone.js validate collection
Run Javascript code only if 'beforeunload' function returns true
Load values in select2 multiselect
window.prompt multiple line input JavaScript CSS
afterRender for html binding
Is it possible to Base64 encode a chrome extension?
Submit form in parent window from popup?
Detecting device brand
AngularJS directive : compile template and watch scope
Given a date (m/d/yyyy) determine if its "the third tuesday" of the month etc [duplicate]
How can I use a javascript library on the server side of a NodeJS app when it was designed to run on the client?
Click handler on <svg> element
Function to modify object in arguments, not just a property
Send socket.io response data to client from node.js server in gzip format
Inserting data-remote form via JavaScript in a Rails App, ujs not catching remote
How to make a content editable div behave like a text area?
How to get unique array of objects in javascripts [duplicate]
Feature Detection for setDragImage of HTML5 Drag and Drop
Drawing A square Matrix using D3.js

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!