javascript-events | 易学教程

How to add onclick event while creating an element with JavaScript?

阅读更多关于 How to add onclick event while creating an element with JavaScript?

问题 I have a script where I'm appending elements to a list. I would need that when I click the element a function is called, and for this function the value of a variable when creating the li is needed (it's the li content). I've checked solutions like adding newLi.onclick = function(){...} . The problem with this solution is that I'm not getting the right value in the function, I get the value of another element in the list. Right now this is how I'm creating the elements: var ULlist = document

use alt + shift + a as a hotkey in IE 7/8

阅读更多关于 use alt + shift + a as a hotkey in IE 7/8

问题 I am trying to attach an keyup listener on document object. I wanna know when user presses alt + shift + a or alt + shift + w . Both work in Chrome and Firefox. In IE, alt + shift + w works, but alt + shift + a doesn't. I know IE has few hot keys reserved, but why is taking over alt + shift combination, too? Is there a way to prevent this or is it a flow in IE? Demo: http://jsfiddle.net/HnD5E/ Thanks 回答1: You can get around this behavior with a keydown event. $(document).keydown(function (e)

Adding new text box using javascript

阅读更多关于 Adding new text box using javascript

问题 I have a webpage. There is a button called add. When this add button is clicked then 1 text box must be added. This should happen at client side only. I want to allow the user to add at most 10 text boxes. How can I achieve it using javascript? example: only 1 text box is displayed user click add > 2 text boxes displayed user clicks add > I also wants to provide a button called "remove" by which the user can remove the extra text box Can anyone provide me a javascript code for this?? 回答1:

Identify word on Javascript onhover

阅读更多关于 Identify word on Javascript onhover

问题 I was looking through stackoverflow and came across this link(How to get a word under cursor using JavaScript?) They has the code: <p>Each word will be wrapped in a span.</p> <p>A second paragraph here.</p> Word: <span id="word"></span> <script type="text/javascript"> $(function() { // wrap words in spans $('p').each(function() { var $this = $(this); $this.html($this.text().replace(/\b(\w+)\b/g, "<span>$1</span>")); }); // bind to each span $('p span').hover( function() { $('#word').text($

event is not fired after clicking facebook like button?

阅读更多关于 event is not fired after clicking facebook like button?

问题 I am trying to get this event FB Subscribe event fired (alert('hi')) but it does not seem to work though: <!doctype html> <html lang="en" xmlns:fb="https://www.facebook.com/2008/fbml"> <head> <meta charset="utf-8"> <title>Facebook Like Button</title> </head> <body> <div id="fb-root"></div> <script> window.fbAsyncInit = function () { FB.init({ appId: 'myappid', status: true, cookie: true, xfbml: true }); targetUrl="http://www.goal.com"; FB.Event.subscribe("xfbml.render", function () { console

Catch all events in iframe jQuery and replicate

阅读更多关于 Catch all events in iframe jQuery and replicate

问题 this is the question: I have an iframe that displays any web page (not necessarily developed by me). On this page may be attached events (which presumably I do not know). how can I dynamically intercepting these events and store them for later replicate? for example: suppose that when the mouse moves over a certain div it changes color. I would like to make sure that when you trigger the event that would change color to the div it is "registered" with all A series of information that will

Manipulating the clipboard with JavaScript breaks formatting

阅读更多关于 Manipulating the clipboard with JavaScript breaks formatting

问题 I am writing a script to append attribution linking to a user's clipboard -- similar to the functionality that you see from Tynt. Functionally, the script below is working fine, except that it is removing line breaks and formatting. Is there anyway to preserve -- at the very least -- the line breaks? function addLinktoCopy() { // Define tracking parameter var trackingparam = "source=copypaste"; // Set document body as body_element variable var body_element = document.getElementsByTagName(

Chain of functions in Javascript

阅读更多关于 Chain of functions in Javascript

问题 In javascript, we fire functions in quasi-parallel window.onload=function(){ document.getElementById("test").addEventListener('click', function1(), false); //consider it takes 3 seconds to be completed document.getElementById("test").addEventListener('click', function2(), false); } How we can fire function2() when the function1() has been completely executed? In jQuery, we can chain a series of functions as (for example): $(this).fadeIn(3000).fadeOut(2000); How to make this change of

Write a custom event dispatcher in JavaScript?

阅读更多关于 Write a custom event dispatcher in JavaScript?

问题 How can I add event listeners to and dispatch events from my objects of my own classes in JavaScript? In ActionScript 3 I can simply inherit from Sprite/DisplayObject and use the methods available there. Like this: // ActionScript-3: // I can add event listeners to all kinds of events var mySprite: Sprite = new MySprite(); mySprite.addEventListener("my_menu_item_click", onMenuItemClick); // later I can dispatch an event from one of my objects mySprite.dispatchEvent(new Event("my_menu_item

Are search-bots or spam-bots able to emulate/trigger JavaScript events?

阅读更多关于 Are search-bots or spam-bots able to emulate/trigger JavaScript events?

问题 Are search-bot or spam-bots able to emulate/trigger JavaScript events while they read out the page? 回答1: No, because search bots fetch a static HTML stream. They aren't running any of the initialization events like init() or myObj.init() , which is in your JavaScript code. They don't load any external libraries like jQuery, nor execute the $(document).ready code nor any of the standard .click() listeners. So unless a search bot author has a specific reason to intentionally build their search