Git Product home page Git Product logo

Comments (7)

snuggs avatar snuggs commented on May 17, 2024

PR #50 Was not able to use event.preventDefault () API as we would have to monkey patch. Introduced a "sugar" method event.prevent () which will be available to all declared on* events

(i.e. static onclick (event) {})

Conversely we also introduced the return false convention for those familiar with jQuery.

Element `foo-bar`

(class extends HTMLElement {

  static onclick (event) {
    event.prevent ()          // pre-operation disable of rendering

    alert `I was clicked ${event.target}`  // operation

    // this.render ()        // always have option to explicitly render

    return false             // post-operation disable of rendering

    // render will immediately fire after handler if event was not prevented
  }
})

@janz93 @Robertchristopher @brandondees @btakita @mrbernnz @scottmacdowell

from snuggsi.

brandondees avatar brandondees commented on May 17, 2024

is this to reproduce preventDefault()'s behavior or to prevent snuggsi from rendering? if the latter, i think prevent() is not self-descriptive as it could be

from snuggsi.

snuggs avatar snuggs commented on May 17, 2024

latter @brandondees. API suggestion? To be honest i'm good with return false however really wanted to have event.preventDefault () and i agree is confusing unless it actually Prevents the Default.

I think what i realized from your statement is prevent () is fine if it actually calls preventDefault AND prevents this.render which is a "default behavior" that is prevented. (as per the spec).

Please advise.

b997192#commitcomment-22458637

from snuggsi.

snuggs avatar snuggs commented on May 17, 2024

is this to reproduce preventDefault()'s behavior or to prevent snuggsi from rendering? if the latter, i think prevent() is not self-descriptive as it could be

Actually @brandondees on second thought not an OR situation but an AND situation.

from snuggsi.

brandondees avatar brandondees commented on May 17, 2024

nah i think the prevent() name is confusing UNLESS it's just a contextual wrapper for e.preventDefault() since that's the only other thing it sounds like.

if its purpose is to prevent default AND prevent render, then maybe we start by calling it preventDefaultHooks() or something a little more descriptive like that. if it's only render() then preventRender()

i'm not sure i've grasped yet where the return false factors in or what it means

from snuggsi.

snuggs avatar snuggs commented on May 17, 2024

@brandondees some (ancient) insight as to the conventions. https://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false

http://www.mail-archive.com/[email protected]/msg71371.html

from snuggsi.

brandondees avatar brandondees commented on May 17, 2024

Note that this behaviour differs from normal (non-jQuery) event handlers, in which, notably, return false does not stop the event from bubbling up.

ah ok so there's a scope traversal thing going on also independent of preventDefault()

from snuggsi.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.