কীভাবে আমি কোনও ইনপুটে প্রোগ্রামের ভিত্তিতে একটি অনভিজ্ঞ ইভেন্ট জোর করব?
আমি এরকম কিছু চেষ্টা করেছি:
var code = ele.getAttribute('onchange');
eval(code);তবে আমার শেষ লক্ষ্যটি হ'ল যে কোনও শ্রোতার ফাংশনকে সরিয়ে দেওয়া এবং এটি কার্যকর হবে বলে মনে হয় না। উভয়ই কেবল 'মান' গুণটি আপডেট করে না।
উত্তর:
একটি Eventঅবজেক্ট তৈরি করুন এবং এটিকে dispatchEventউপাদানটির পদ্ধতিতে দিন:
var element = document.getElementById('just_an_example');
var event = new Event('change');
element.dispatchEvent(event);এটি ইভেন্ট শ্রোতাদের addEventListenerপদ্ধতিতে কল করে বা onchangeউপাদানটির সম্পত্তি নির্ধারণ করে নিবন্ধিত হয়েছিল তা নির্বিশেষে ট্রিগার করবে ।
আপনি যদি ইভেন্টটি বুদ্বুদ করতে চান তবে আপনার Eventকনস্ট্রাক্টরের কাছে দ্বিতীয় যুক্তিটি পাস করতে হবে :
var event = new Event('change', { bubbles: true });ব্রাউজারের সামর্থ্য সম্পর্কে তথ্য:
var evt = document.createEvent('CustomEvent'); evt.initCustomEvent('input', true, false, { }); elem.dispatchEvent(evt);
JQuery এ আমি বেশিরভাগ ব্যবহার করি:
$("#element").trigger("change");ugh কোনও কিছুর জন্য eval ব্যবহার করবেন না । ঠিক আছে, কিছু জিনিস আছে তবে সেগুলি অত্যন্ত বিরল। বরং আপনি এটি করবেন:
document.getElementById("test").onchange()আরও বিকল্পের জন্য এখানে দেখুন: http://jehiah.cz/archive/firing-javascript-events-properly
new Event(...)এবং dispatchEventএটি আজকাল সঠিক সমাধান, মনে হয়।
Element.addEventListenerইভেন্টগুলি পরিচালনা করতে ব্যবহার করেন তবে কাজ করবে না । এটি আধুনিক উপায়ে অর্জন করতে, @ মিসক্রেন্টের উত্তর দেখুন।
কিছু কারণে ele.onchange জন্য () একটি নিক্ষেপ করা হয় expception আমার জন্য আই ই আমার পৃষ্ঠায়, "পদ্ধতি not found" তাই আমি লিঙ্ক থেকে এই ফাংশন ব্যবহার করে শেষ পর্যন্ত Kolten দেওয়া হয় না এবং (Ele, 'পরিবর্তন') fireEvent কলিং, যা কাজ :
function fireEvent(element,event){
if (document.createEventObject){
// dispatch for IE
var evt = document.createEventObject();
return element.fireEvent('on'+event,evt)
}
else{
// dispatch for firefox + others
var evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true ); // event type,bubbling,cancelable
return !element.dispatchEvent(evt);
}
}যাইহোক, আমি একটি পরীক্ষা পৃষ্ঠা তৈরি করেছি যা নিশ্চিত করেছে যে কলিংয়ের কাজটি অন্বেষণ করা উচিত:
<input id="test1" name="test1" value="Hello" onchange="alert(this.value);"/>
<input type="button" onclick="document.getElementById('test1').onchange();" value="Say Hello"/>সম্পাদনা করুন: এলি.অনচেঞ্জ () কাজ না করার কারণটি ছিল কারণ আমি প্রকৃতপক্ষে মুদ্রার অনুষ্ঠানের জন্য আসলে কিছু ঘোষণা করিনি। তবে ফায়ার ইভেন্ট এখনও কাজ করে।
element.dispatchEvent(new Event('change', true, true))যে সব রহস্যময় এবং বেশিরভাগ অবচিত পরিবর্তে createEventএবং initEventস্টাফ।
কুইনাইটের নীচ থেকে নেওয়া
function triggerEvent( elem, type, event ) {
if ( $.browser.mozilla || $.browser.opera ) {
event = document.createEvent("MouseEvents");
event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
elem.dispatchEvent( event );
} else if ( $.browser.msie ) {
elem.fireEvent("on"+type);
}
}আপনি অবশ্যই অবশ্যই Qu। ব্রাউজার স্টাফটিকে আপনার নিজের ব্রাউজার সনাক্তকরণের পদ্ধতিতে jQuery স্বাধীন করতে প্রতিস্থাপন করতে পারেন।
এই ফাংশনটি ব্যবহার করতে:
var event;
triggerEvent(ele, "change", event);এটি মূলত আসল DOM ইভেন্টটিকে আগুন ধরিয়ে দেবে যেন কিছু পরিবর্তন হয়ে গেছে।
আপনি যদি কোডটির এই স্নিপেটের সাথে আপনার সমস্ত ইভেন্ট যুক্ত করেন:
//put this somewhere in your JavaScript:
HTMLElement.prototype.addEvent = function(event, callback){
if(!this.events)this.events = {};
if(!this.events[event]){
this.events[event] = [];
var element = this;
this['on'+event] = function(e){
var events = element.events[event];
for(var i=0;i<events.length;i++){
events[i](e||event);
}
}
}
this.events[event].push(callback);
}
//use like this:
element.addEvent('change', function(e){...});তারপরে আপনি কেবলমাত্র আপনার ইভেন্টের নাম element.on<EVENTNAME>()কোথায় <EVENTNAME>তা ব্যবহার করতে পারবেন এবং এটি সমস্ত ইভেন্টকে কল করবে<EVENTNAME>
জাভাস্ক্রিপ্টে যে কোনও ইভেন্ট ট্রিগার করার জন্য।
document.getElementById("yourid").addEventListener("change", function({
//your code here
})আপনি যদি jQuery ব্যবহার করে থাকেন তবে আপনার তা হবে:
$('#elementId').change(function() { alert('Do Stuff'); });বা এমএস আজাজ:
$addHandler($get('elementId'), 'change', function(){ alert('Do Stuff'); });অথবা উপাদানটির কাঁচা এইচটিএমএল:
<input type="text" onchange="alert('Do Stuff');" id="myElement" />প্রশ্নটি পুনরায় পড়ার পরে আমার মনে হয় আমি কী করতে হবে তা মিস করছি। আমি কোনও ডোম উপাদানকে এমনভাবে আপডেট করার কোনও উপায় খুঁজে পাইনি যা কোনও পরিবর্তনের ইভেন্টকে বাধ্য করবে, আপনি যা করছেন সর্বোত্তম কাজটি হ'ল একটি পৃথক ইভেন্ট হ্যান্ডলার পদ্ধতি, যেমন:
$addHandler($get('elementId'), 'change', elementChanged);
function elementChanged(){
alert('Do Stuff!');
}
function editElement(){
var el = $get('elementId');
el.value = 'something new';
elementChanged();
}যেহেতু আপনি ইতিমধ্যে একটি জাভাস্ক্রিপ্ট পদ্ধতি লিখেছেন যা এটি পরিবর্তন করবে এটি কল করার জন্য এটি কেবল 1 টি অতিরিক্ত লাইন।
অথবা, যদি আপনি হয় মাইক্রোসফট AJAX এর পরিকাঠামোকে ব্যবহার করে আপনি মাধ্যমে সব ইভেন্ট হ্যান্ডলার অ্যাক্সেস করতে পারে:
$get('elementId')._eventsসঠিক ইভেন্ট হ্যান্ডলার (গুলি) চালানোর জন্য এটি আপনাকে কিছু প্রতিবিম্ব শৈলীর কাজ করার অনুমতি দেয়।
JQuery ব্যবহার করে আপনি নিম্নলিখিতটি করতে পারেন:
// for the element which uses ID
$("#id").trigger("change");
// for the element which uses class name
$(".class_name").trigger("change");