คำถามติดแท็ก javascript

ฉันมีการเชื่อมโยงหลายมิติในหน้าของฉัน ฉันกำลังพยายามทำให้จำนวนคลิกบนไฮเปอร์ลิงก์โดยอัตโนมัติเพื่อการทดสอบ มีวิธีใดบ้างที่คุณสามารถจำลองการคลิก 50 ครั้งบนไฮเปอร์ลิงก์โดยใช้ JavaScript? <a href="#" target="_blank" onclick="javascript:Test("Test");">MSDN</a> ฉันกำลังมองหาทริกเกอร์เหตุการณ์ onClick จาก JavaScript

215 javascript  dom-events 

ฉันจะทำให้onKeyPressกิจกรรมทำงานใน ReactJS ได้อย่างไร ควรแจ้งเตือนเมื่อenter (keyCode=13)มีการกด var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

215 javascript  reactjs  keypress  onkeypress 

ฉันกำลังพยายามตั้งค่าsrcคุณลักษณะของ iframe จากตัวแปรและไม่สามารถใช้งานได้ ... มาร์กอัป: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> ควบคุม / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : …

214 javascript  html  angularjs  iframe  angularjs-directive 

เหตุใดarguments.callee.callerคุณสมบัติจึงเลิกใช้ใน JavaScript มีการเพิ่มและเลิกใช้แล้วใน JavaScript แต่ถูกตัดออกทั้งหมดโดย ECMAScript เบราว์เซอร์บางตัว (Mozilla, IE) รองรับเสมอและไม่มีแผนใด ๆ บนแผนที่เพื่อลบการสนับสนุน อื่น ๆ (Safari, Opera) ได้นำการสนับสนุนมาใช้ แต่การสนับสนุนเบราว์เซอร์รุ่นเก่านั้นไม่น่าเชื่อถือ มีเหตุผลที่ดีที่จะใช้ฟังก์ชั่นที่มีค่านี้ในบริเวณขอบรกหรือไม่? (หรือสลับกันมีวิธีที่ดีกว่าในการจับที่จับบนฟังก์ชั่นการโทรหรือไม่)

214 javascript  ecma262 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันใช้ jQuery UI เพื่อปรับปรุงหน้าพื้นฐาน ปุ่มและใส่สไตล์และกล่องโต้ตอบเป็นกิริยาช่วย ตอนนี้ฉันเจอ Bootstrap แล้วและมันก็ค่อนข้างดี มีประสบการณ์การใช้ jQuery UI ไปยัง Bootstrap บ้างไหม? นี่คือสิ่งที่ฉันกำลังคิดที่จะทำ แต่ก่อนที่ฉันจะทำสิ่งนี้ฉันต้องการที่จะตระหนักถึงปัญหาที่ฉันอาจเผชิญ

214 javascript  jquery  jquery-ui  twitter-bootstrap 

ความแตกต่างระหว่างObject.getOwnPropertyNamesและObject.keysในจาวาสคริปต์คืออะไร? นอกจากนี้ยังมีตัวอย่างที่น่าชื่นชม

214 javascript 

ใน javascript มีค่าเทียบเท่ากับ String.indexOf () ที่ใช้นิพจน์ปกติแทนสตริงสำหรับพารามิเตอร์แรกตัวแรกในขณะที่ยังอนุญาตพารามิเตอร์ที่สองอยู่หรือไม่ ฉันต้องทำอะไรซักอย่าง str.indexOf(/[abc]/ , i); และ str.lastIndexOf(/[abc]/ , i); ในขณะที่ String.search () รับ regexp เป็นพารามิเตอร์มันไม่อนุญาตให้ฉันระบุอาร์กิวเมนต์ที่สอง! แก้ไข: สิ่งนี้กลายเป็นหนักกว่าที่ฉันคิดไว้ในตอนแรกดังนั้นฉันจึงเขียนฟังก์ชันทดสอบขนาดเล็กเพื่อทดสอบวิธีแก้ปัญหาที่ให้ไว้ทั้งหมด ... มันจะถือว่า regexIndexOf และ regexLastIndexOf ถูกเพิ่มลงในวัตถุ String function test (str) { var i = str.length +2; while (i--) { if (str.indexOf('a',i) != str.regexIndexOf(/a/,i)) alert (['failed regexIndexOf ' , …

214 javascript  regex  indexof 

ฉันหวังว่าจะหาวิธีในการรับตำแหน่งของหน้าต่างที่สามารถดูได้ในปัจจุบัน (เทียบกับความกว้าง / ความสูงของหน้าทั้งหมด) ดังนั้นฉันสามารถใช้มันเพื่อบังคับให้เลื่อนจากส่วนหนึ่งไปยังอีกส่วนหนึ่ง อย่างไรก็ตามดูเหมือนว่าจะมีตัวเลือกมากมายเมื่อคาดเดาว่าวัตถุใดที่ถือ X / Y ที่แท้จริงสำหรับเบราว์เซอร์ของคุณ ฉันต้องทำสิ่งใดเพื่อให้แน่ใจว่า IE 6+, FF 2+ และ Chrome / Safari ใช้งานได้ window.innerWidth window.innerHeight window.pageXOffset window.pageYOffset document.documentElement.clientWidth document.documentElement.clientHeight document.documentElement.scrollLeft document.documentElement.scrollTop document.body.clientWidth document.body.clientHeight document.body.scrollLeft document.body.scrollTop แล้วมีคนอื่นอีกไหม? เมื่อฉันรู้ว่าหน้าต่างอยู่ที่ไหนฉันสามารถตั้งค่าห่วงโซ่เหตุการณ์ที่จะเรียกช้าๆwindow.scrollBy(x,y);จนกว่าจะถึงจุดที่ฉันต้องการ

214 javascript 

ฉันมีรูปแบบการป้อนข้อมูลที่ให้ฉันเลือกจากตัวเลือกหลายตัวและทำบางสิ่งเมื่อผู้ใช้เปลี่ยนการเลือก เช่น, <select onChange="javascript:doSomething();"> <option>A</option> <option>B</option> <option>C</option> </select> ตอนนี้doSomething()เพียง แต่ได้รับการเรียกเมื่อเลือกการเปลี่ยนแปลง ฉันต้องการทริกเกอร์doSomething()เมื่อผู้ใช้เลือกตัวเลือกใด ๆ อาจเป็นแบบเดียวกันอีกครั้ง ฉันได้ลองใช้ตัวจัดการ "onClick" แต่นั่นจะถูกทริกเกอร์ก่อนที่ผู้ใช้จะเริ่มกระบวนการคัดเลือก ดังนั้นมีวิธีที่จะเรียกใช้ฟังก์ชั่นในทุกการเลือกโดยผู้ใช้หรือไม่? ปรับปรุง: คำตอบที่ Darryl แนะนำดูเหมือนจะใช้ได้ แต่ก็ไม่ได้ผลอย่างสม่ำเสมอ บางครั้งกิจกรรมจะถูกเรียกใช้ทันทีที่ผู้ใช้คลิกเมนูแบบเลื่อนลงแม้กระทั่งก่อนที่ผู้ใช้จะเสร็จสิ้นกระบวนการคัดเลือก!

214 javascript  html  html-select  dom-events 

ฉันจะสร้างหน้า JavaScript ที่จะตรวจจับความเร็วอินเทอร์เน็ตของผู้ใช้และแสดงบนหน้าได้อย่างไร บางอย่างเช่น“ ความเร็วอินเทอร์เน็ตของคุณคือ ?? / ?? Kb / s”

214 javascript  download-speed 

React สามารถแสดงแอตทริบิวต์ที่กำหนดเองได้ตามที่อธิบายไว้ที่ http://facebook.github.io/react/docs/jsx-gotchas.html : หากคุณต้องการใช้แอตทริบิวต์ที่กำหนดเองคุณควรใส่คำเสริมหน้าด้วย data- <div data-custom-attribute="foo" /> และนั่นเป็นข่าวที่ดียกเว้นฉันไม่สามารถหาวิธีเข้าถึงได้จากวัตถุเหตุการณ์เช่น: render: function() { ... <a data-tag={i} style={showStyle} onClick={this.removeTag}></a> ... removeTag: function(event) { this.setState({inputVal: event.target????}); }, องค์ประกอบและdata-คุณสมบัติการแสดงผลในรูปแบบ html ปรับ คุณสมบัติมาตรฐานเช่นstyleสามารถเข้าถึงได้event.target.styleดี แทนที่จะevent.targetลอง: event.target.props.data.tag event.target.props.data["tag"] event.target.props["data-tag"] event.target.data.tag event.target.data["tag"] event.target["data-tag"] ไม่สามารถใช้งานได้

214 javascript  facebook  reactjs 

รับวัตถุ JS var obj = { a: { b: '1', c: '2' } } และสตริง "a.b" ฉันจะแปลงสตริงให้เป็นสัญกรณ์ดอทเพื่อให้ฉันไปได้อย่างไร var val = obj.a.b หากสตริงเป็นเพียงฉันสามารถใช้'a' obj[a]แต่มันซับซ้อนกว่านี้ ฉันคิดว่ามีวิธีการที่ตรงไปตรงมา แต่มันก็หนีออกมาได้ในปัจจุบัน

214 javascript 

หากคุณดับเบิลคลิกที่ข้อความภาษาอังกฤษใน Chrome คำที่คั่นด้วยช่องว่างที่คุณคลิกจะถูกเน้น มันไม่น่าแปลกใจ อย่างไรก็ตามเมื่อวันก่อนฉันคลิกขณะอ่านข้อความภาษาญี่ปุ่นและสังเกตว่าบางคำถูกเน้นที่ขอบเขตของคำแม้ว่าภาษาญี่ปุ่นจะไม่มีช่องว่าง นี่คือตัวอย่างข้อความ: どこで生れたかとんと見当がつかぬ. 何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している ตัวอย่างเช่นหากคุณคลิกที่薄暗い Chrome จะเน้นอย่างถูกต้องเป็นคำเดียวแม้ว่าจะไม่ใช่คลาสตัวอักษรเดียว (นี่คือการผสมผสานระหว่างตัวอักษรคันจิและฮิระงะนะ) ไม่ใช่ไฮไลท์ทั้งหมดที่ถูกต้อง แต่ดูเหมือนจะไม่สุ่ม Chrome ตัดสินใจว่าจะเน้นที่นี่อย่างไร ฉันพยายามค้นหาคำภาษาญี่ปุ่น "แหล่งที่มาของ Chrome" แต่พบเฉพาะการทดสอบสำหรับโมดูลทดลองที่ดูเหมือนว่าจะไม่ทำงานใน Chrome รุ่นที่ฉันใช้งานอยู่

214 javascript  google-chrome  cjk 

ฉันพยายามแทนที่คำหลายคำในสตริงด้วยคำอื่น ๆ สตริงคือ "ฉันมีแมวสุนัขและแพะ" อย่างไรก็ตามสิ่งนี้ไม่ได้ผลิต "ฉันมีสุนัขแพะและแมว" แต่มันกลับสร้าง "ฉันมีแมวแมวและแมว" เป็นไปได้หรือไม่ที่จะแทนที่สตริงหลายรายการด้วยสตริงอื่น ๆ หลายรายการในเวลาเดียวกันใน JavaScript เพื่อให้ได้ผลลัพธ์ที่ถูกต้อง? var str = "I have a cat, a dog, and a goat."; str = str.replace(/cat/gi, "dog"); str = str.replace(/dog/gi, "goat"); str = str.replace(/goat/gi, "cat"); //this produces "I have a cat, a cat, and a cat" //but I …

213 javascript  node.js  regex  string  replace 

ใน AS3 ฉันเชื่อว่าคุณควรเริ่มต้นตัวแปรทั้งหมดนอกลูปเพื่อประสิทธิภาพที่เพิ่มขึ้น เป็นกรณีนี้กับ JavaScript เช่นกัน? แบบไหนดีกว่า / เร็วกว่า / แนวปฏิบัติที่ดีที่สุด var value = 0; for (var i = 0; i < 100; i++) { value = somearray[i]; } หรือ for (var i = 0 ; i < 100; i++) { var value = somearray[i]; }

213 javascript  performance